vue本地运行开发，为什么要配置changeOrigin: true

在Vue项目中，如果你使用了前端开发服务器代理（通常是通过vue.config.js中的devServer.proxy配置）来解决跨域问题，你可能会遇到需要配置changeOrigin: true的情况。

changeOrigin: true的作用是指示代理服务器将原始的主机头部（Host）改写为目标服务器的地址。这对于需要后端API服务器正确理解请求来源的场景非常重要。

例如，如果你正在开发一个Vue应用，并且你的前端运行在localhost:8080，你希望代理API请求到api.example.com。如果你不设置changeOrigin: true，请求会发送到api.example.com，但是Host头部仍然是localhost:8080，导致API服务器可能会认为你是一个未授权的客户端。设置changeOrigin: true后，代理服务器会将请求的原始主机头部改写为api.example.com，这样API服务器就会认为请求是来自api.example.com，从而可能提供正确的响应。

这里是一个配置示例：

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
};

在这个配置中，当你访问/api/some-endpoint时，代理服务器会将请求转发到http://api.example.com/some-endpoint，并且会将Host头部改写为api.example.com。