如何为axios使用代理

Question

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

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 insted 的“localhost:3000”获取请求？

Answer 1

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