vue-cli3跨域配置之changeOrigin的默认值

devServer:{
        contentBase: path.join(__dirname, 'dist'),
        hot: true,
        host: 'localhost',
        port: 8000,
        open: true, // 自动打开浏览器
        proxy: {
          '/api': {
            target: 'http://11.111.1.22:9711', // 接口的域名
            // secure: false,  // 若是是https接口,须要配置这个参数
            // changeOrigin: false,
            pathRewrite: {
              '^/api': ''
            }
          },

devServer中,proxy的changeOrigin是false:请求头中host仍然是浏览器发送过来的host;若是设置成true:发送请求头中host会设置成target。vue

在vue-cli3中,默认changeOrigin的值是true,意味着host设置成target,这与cue-cli2不一致,vue-cli2这个默认值是false。

若是是以上的配置,changeOrigin的值是true,target是host, request URL是http://11.111.1.22:9711vue-cli

若是咱们把// changeOrigin: false,这句注释去掉,host就是浏览器发送过来的host,也就是localhost:8000。api

clipboard.png

相关文章
相关标签/搜索