在 React 开发中使用代理时为生产设置基本 url答案

【问题标题】：Setting Up base url for production while using proxy in development in React在 React 开发中使用代理时为生产设置基本 url
【发布时间】：2023-04-11 11:45:01
【问题描述】：

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

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

fetch("/foo")

而不是这个：

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

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

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

【问题讨论】：

标签： reactjs proxy production-environment fetch-api

【解决方案1】：

1) 创建config.json，添加json格式的base url键值对，如下图。

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

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

希望有帮助！！

【讨论】：