解决浏览器跨域

时间:2021-6-12 作者:qvyue
proxy

dev 开发模式下可以下使用 webpack 的 proxy 解决跨域是很方便的,但这种方法在生产环境是不能使用的。在生产环境中需要使用 nginx 进行反向代理。不管是 proxynginx 的原理都是一样的,通过搭建一个中转服务器来转发请求规避跨域的问题。

  • 本地开发的话如果你是框架之类的,直接使用proxy进行代理即可
//vue.config.js
module.exports = {
 devServer: {
  proxy: {
    "/prefix": {
      target: "targetDomain",
      changeOrigin: true,
      pathRewrite: {"^/prefix": ""}
    }
  }
}
}
  • 如果没有使用框架以及webpack之类的,最简单的就是禁用谷歌浏览器的安全策略
禁用浏览器跨域
解决浏览器跨域
image.png

如图所示, 在Chrome的快捷方式后面加:–args –disable-web-security –user-data-dir
点击应用和确定后关闭属性页面
再次打开chrome,发现有“–disable-web-security”相关的提示,说明chrome又能正常跨域工作了。

解决浏览器跨域
image.png
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。