如何用webpack解决跨域问题？

问题描述

问 题

开发环境下，当发起一个形如localhost:8001/s/dev/api的请求时，就将localhost:8001/s替换成http://117.131.17.174:8000以解决跨域问题，但是后端不希望看到路径中多了个/s，请问该如何处理？

在proxy中添加pathRewrite并不管用……

devServer: {
    historyApiFallback: true,
    hot: true,
    contentBase: './src',
    port: 8001,
    proxy: {
      '/s/': {
        target: 'http://117.131.17.174:8000',
        changeOrigin: true,
        pathRewrite: {'/s/' : ''},
        secure: false
      }
    },
  }

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

通过查阅官方文档，最终把proxy改成了这样：

proxy: [{
  context: ['/dev/api', '/online/api', '/pre/api'],
  target: 'http://117.131.17.174:8000',
  secure: false
}]

注：/online/api和/pre/api是该项目用到的另外两个接口

这篇关于如何用webpack解决跨域问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！