在 React 的开发中使用代理时为生产设置基础 url

Question

我正在建立一个新项目。在其中，我在 package.json 中使用了代理设置。

现在，每次我使用 fetch 时，我都会这样做：

fetch("/foo")

而不是这个：

fetch("http://www.bar.com/foo")

当我处于开发模式时，一切都很好。但是，我不知道如何在我的应用程序处于生产模式时为我的 fetch() 提供适当的基础 url。

非常感谢任何帮助。谢谢！

Answer 1

1) 创建 config.json 并以 json 格式添加基础 url 键值对，如下所示。

{
  "baseUrl": "http://www.bar.com/",
}

2) 对于通过 fetch 或任何其他库的 CRUD 操作，使用配置中的 baseUrl。您可以在为生产或开发等不同环境构建时使用 webpack 更改 baseUrl。

希望对您有所帮助！！

Setting Up base url for production while using proxy in development in React