如何使用 axios 的代理

Posted 2023-03-28

【中文标题】如何使用 axios 的代理

【英文标题】：how to use proxy for axios

【发布时间】：2022-01-21 07:26:21

【问题描述】：

我正在编写 webapp，我的前端正在运行

http://localhost:3000

后端正在运行

http://localhost:4000

我想使用 axios 在这个 url "http://localhost:4000/api/v1/products" 上做一个获取请求

所以我像这样在 package.json 文件中创建一个代理

"proxy": "http://127.0.0.1:4000"

我做了一个这样的获取请求

const  data  = await axios.get("/api/v1/products")

但是 axios 忽略了代理并在上面请求从“localhost:3000”获取请求 as show here

我怎样才能从“localhost:4000”这个 url 插入“localhost:3000”的获取请求？

【参考方案1】：

您似乎将代理添加到错误的文件中，请检查代理是否应该添加到属于您的 react 应用程序的 package.json 文件中