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 代替完成这个功能。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏