Webpack配置跨域

配置超简单

打开config/index.jsdev下添加proxyTable

    assetsPublicPath: '/',
    proxyTable: {
      '/bread': {
        target: 'https://www.baidu.com/bread',
        changeOrigin: true,
        pathRewrite: {
          '^/bread': ''
        }
      }
    },

它的意思就是吧所有 /bread 的连接请求转换成https://www.baidu.com/bread

打开config/prod.env.js

module.exports = {
  NODE_ENV: '"production"',
  bread: '"//www.baidu.com/bread/"'
}
  • 注意格式,不需要http但后边一定要跟/

打开config/dev.env.js 配置字段 bread

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  bread: '"/bread/"'
})

完成,现在开发模式dev下就是访问的www.baidu.com下的接口了

你可能感兴趣的:(Webpack配置跨域)