webpack设置代理proxy的问题

Question

    proxy: {
      '/api': {
        target: "https://xxx.cn",
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }

这里面^/api是什么意思呢，为什么要有^符号？ 这个问题现在我明白了，是正则从头开始匹配

Answer 1

如果调用跨域 API 的话，需要配置 changeOrigin: true, 因为跨域接口会因为不同 host 而拒绝提供服务。

changeOrigin 就可以将自己的主机伪装成 target 的域名，这样就能获取数据了。

在生产环境下没有 webpack-dev-serve, 相对应可以通过 nginx 代替完成这个功能。