前后端分离跨域changeOrigin:true是否需要

介绍：在Vue中，changeOrigin:true是一个可选的配置项，用于设置是否改变请求头中的origin属性。当设置为true时，请求头中的origin属性会被改变为目标服务器的地址，以避免跨域问题。这个配置项通常用于开发环境中，当我们需要在本地开发环境中调用远程服务器的API时，需要设置changeOrigin:true来避免跨域问题。在生产环境中，这个配置项通常不需要设置，使用默认即可。

解决跨域的方法，这是其中一种

module.exports={
  devServer:{
    //启动以后自动打开浏览器
    open:true,
    port: 80,

    proxy:{
      // 以api为前缀才开启代理,可修改
      // 可以配置多个
      '/api':{
        target:'http://localhost:88/',//代理目标的基础路径，服务端的端口号
        //关闭语法检查
        lintOnSave:false,
        changeOrigin:true,//允许跨域 可以代理反向的地址
        pathRewrite:{
          '^/api':'' //重写路径，将api开头的路径改为''
        }
      }
    }
  }
}

打开页面发送请求

配置 changeOrigin 修改 host 的作用是在代理请求时，将请求头中的 Host 字段修改为目标服务器的地址。这通常用于解决跨域请求的问题。

但是，如果代理服务器和目标服务器在同一个域名下，或者目标服务器已经配置了跨域访问的允许，那么配置 changeOrigin 修改 host 的作用就非常有限了。此时，请求头中的 Host 字段已经可以被正确识别，不需要再进行修改。

因此，在实际应用中，需要根据具体情况来判断是否需要配置 changeOrigin 修改 host。如果存在跨域请求的问题，且目标服务器未配置跨域访问的允许，那么配置 changeOrigin 修改 host 是必要的。否则，可以不进行配置。

结论

 配置 changeOrigin 修改 host，基本上没什么用，默认就可以，不要去设置