如何使用 package.json 中定義的代理 url 作為 axios 代理？

Question

我想知道，是否可以避免在每個 React 文件中定義后端的 url，在那里我使用 axios 進行請求？

我會以某種方式使用 package.json 中定義的代理屬性，並且只在當前后端添加相對路徑以將查詢發送到正確的 url。

如果我是對的，在 Fetch() 中，代理是默認的，並且只需要路徑，我可以用 axios 達到相同的效果嗎？

+------------------------------------------------- -------+

一些例子

包.json：

[...]<br />
"proxy": "http://localhost/5000",<br />
[...]

反應組件：

[...]<br />
Axios.post("http://localhost:5000/login", { user: enteredUser, pw: enteredPw })<br />
                .then((res) => { console.log(res); } );<br />
[...]

我想將其更改為：

[...]<br />
Axios.post("/login", { user: enteredUser, pw: enteredPw })<br />
                .then((res) => { console.log(res); } );<br />
[...]

Answer 1

與此同時，我找到了答案。

我在 React 的 index.js 文件中導入了 axios，然后使用 Axios.defaults.baseURL 函數定義了后端的 URL，所以現在 axios.post("/path"[...] 就足夠了。

PS：但是要求CORS沒問題。