devServer: {
proxy: {
"/api": {
target: "http://localhost:3000",
changeOrigin: true,
// 这个配置是用来重写路径的
pathRewrite: {
"^/api": "",
},
},
},
},
这段代码表示将以 /api
开头的请求代理到 http://localhost:3000
,并启用跨域支持。如果你的代理设置不正确,那么代理就无法生效。
接下来,检查你的代码中是否正确地发起了请求。在开发环境中,如果你的请求路径不以 /api
开头,那么代理就不会生效。例如:
axios.get("/api/user") // 代理会生效,请求会被代理到 http://localhost:3000/user
axios.get("/user") // 代理不会生效
确保你的代码中使用的请求路径以 /api
开头,否则代理就不会生效。
重点 1、这里有个坑,请确保你的 axios 没有加baseUrl,是直接以 /api 开头的才会生效