关于vue-cli代理

16 阅读1分钟
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 开头的才会生效