node.js - 在 React JS 中存储 API 根 URL 的最佳位置是什么？

Question

我在我正在处理的项目中使用了 mern stack。

目前我正在像这样向其余的 api 发出请求。

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

该 API 可在http://localhost:5000/

但是当我部署这个应用程序时，url 会改变。

使用当前方法，我已替换http://localhost:5000/为实时 url。

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

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

所以我可以在我提出的每个请求中使用它，当我必须更新 url 时，我只需要更新那个变量。

标签： node.jsreactjsaxios

Answer 1

你可以做两件事，

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

   CRA - .env

   不要忘记在你的名字前加上 REACT_APP_ ，否则它将不起作用

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

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

   CRA - 代理