如何使用 axios 的代理

Question

我正在编写 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”的获取请求？

Answer 1

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