Vue devServer.proxy 配置

170 阅读1分钟

配置 devServer.proxy,让应用可以跨域仿问非同源网址。

/** http-proxy-middleware 用于后台将请求转发给其它服务器。这里是将在本地服务器上的请求,
通过代理的方式,向非同源目标网址发送(baseURL)。 **/
const proxy = require("http-proxy-middleware");
const baseURL =
  "https://www.fastmock.site/mock/e68d869253f9e376375eb399ba932142/test";

module.exports = {
  devServer: {
    host: "localhost",
    port: 8080,
    proxy: {
      // ”api" 若没找到,会重写成 "/"。
      "/api": {
        target: baseURL, //代理地址,这里设置的地址会代替axios中设置的baseURL
        changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
        pathRewrite: {
          "^/api": "/",
        },
      },
    },
  },
};