在React中使用代理进行生成时为生产设置基本URL

Posted 2021-03-27

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

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

fetch("/foo")

而不是这个：

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

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

任何帮助深表感谢。谢谢！

答案

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

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

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

希望有所帮助!!