Node.js 在React JS中存储API根Url的最佳位置是什么？

我正在一个项目中使用mern stack

目前我正在向RESTAPI发出这样的请求

const { data } = await axios.get('http://localhost:5000/api/testimonials/');

API可在

http://localhost:5000/

但当我部署此应用程序时，url将发生更改

使用当前方法，我已替换

http://localhost:5000/

使用实时url

我不想这样做，而是想将根url存储在一个变量中

在React JS中存储API根的最佳位置是什么

---

因此，我可以在每次请求中使用它，当我必须更新url时，我只需更新该变量。

您可以做两件事

通过为每个环境创建.env文件将它们存储在环境变量中

别忘了在你的名字前面加上REACT\u APP\u前缀，否则就不行了

在package.json中使用代理。（这是在文档中使用api的首选方式）

它避免了文档中提到的错误

---

你可以做两件事

通过为每个环境创建.env文件将它们存储在环境变量中

别忘了在你的名字前面加上REACT\u APP\u前缀，否则就不行了

在package.json中使用代理。（这是在文档中使用api的首选方式）

它避免了文档中提到的错误

您必须使用.env文件来保存根url.env应位于根目录中

.env文件内容：

rooturl=http://yourproductiondomain.com

您可以在代码上使用流程：

const rooturl = process.env.rooturl || 'http://localhost:5000'; // for lcoalhost.. **.env** file does not work on localhost.
const { data } = await axios.get(rooturl + '/api/testimonials/');

您必须使用.env文件来保存根url.env应位于根目录中

.env文件内容：

rooturl=http://yourproductiondomain.com

您可以在代码上使用流程：

const rooturl = process.env.rooturl || 'http://localhost:5000'; // for lcoalhost.. **.env** file does not work on localhost.
const { data } = await axios.get(rooturl + '/api/testimonials/');

---

我想我会使用代理。我想我会使用代理。dotenv在服务器中使用。我认为客户端中没有。服务器中使用了.dotenv。我相信不是在客户身上。