在React中的开发中使用代理时设置生产的基本URL

Question

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

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

fetch("/foo")

代替此：

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

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

非常感谢您的帮助。谢谢！

Answer 1

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

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

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

希望有帮助！