webpack设置代理proxy的问题

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

这里面^/api是什么意思呢,为什么要有^符号? 这个问题现在我明白了,是正则从头开始匹配😂
第二个问题,changeOrigin这个属性怎么判断是填写true还是false呢?我在文档里看到这样的解释:
image.png
没太明白
麻烦大佬们解释一下,谢谢😋

回复
阅读 1.3k
1 个回答
anran758
  • 1.5k
✓ 已被采纳

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

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

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

宣传栏