介绍:在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,基本上没什么用,默认就可以,不要去设置

 

Logo

前往低代码交流专区

更多推荐