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

相關文章
相關標籤/搜索