前端浏览器跨域(谷歌浏览器设置为可跨域)

做前后端分离的开发的时候,出于一些原因往往需要将浏览器设置成支持跨域的模式,而且chrome浏览器支持可跨域的设置,但是新版本的chrome浏览器提高了跨域设置的门槛,原来的方法不再适用了。其实网上也有很多大神总结的chrome跨域设置教程,都是差不多。

个人开发中的使用习惯
下载好谷歌浏览器以后,快捷方式我会复制两份放在桌面上,这时候两个是一模一样的,我会将其中一个重命名(我是跨域的命名为 dev),另外一个正常命名,然后在对命名为“dev”的浏览器打开方式进行寡跨域设置,这样我们就会拥有一个正常的浏览器,一个跨域的浏览器啦~


banner2.jpg

老版本Chrome浏览器(版本号49之前的跨域设置)
1、右键点击谷歌浏览器,选择属性

2、 在目标输入框尾部加上 --disable-web-security

    注意:这里 --disable-web-security 前面有一个空格
banner2.jpg

3.点击应用和确定后关闭属性页面,并打开chrome浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”,那么说明配置成功。

新版浏览器跨域设置(版本号49之后的跨域设置)
1、在电脑上新建一个目录(任意位置) 例如 C:\MyChromeDevUserData

2、右键点击谷歌浏览器,选择属性;

3、在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData

    注意:

            1.两个 -- 前面都是有空格的哦~

             2. 如果目标地址原先有引号,那么 --disable-web-security --user-data-dir=C:\MyChromeDevUserData 要加在引号外面。
banner2.jpg

4、点击应用和确定后关闭属性页面,并打开chrome浏览器。

再次打开chrome,发现有“--disable-web-security”相关的提示,说明chrome就能正常跨域工作了。


banner2.jpg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、在电脑c盘创建名为MyChromeDevUserData的文件夹 2、在浏览器快捷方式右击,点击属性,加上 -...
    AMONTOP阅读 1,802评论 0 0
  • 版本号49之前的跨域设置: 1:找到桌面的谷歌浏览器快捷方式(一定是快捷方式,没有的话就找到安装目录发到桌面一个)...
    六神丶阅读 10,857评论 0 0
  • 我想在实际开发中你肯定会遇到这样的报错 跨域 你懂得 不懂你查一下 同源策略 话不多说教你配置 ,windo...
    刘予川阅读 2,064评论 0 1
  • 原文地址:Chrome浏览器跨域设置 最近一个项目,本地开发是原生html页面,但调用的接口是服务器上的。本地打开...
    celineWong7阅读 18,080评论 2 3
  • 1. Chrome 版本小于49 设置步骤:在Chrome的快捷图标上鼠标右键 --> 属性 --> 目标 -->...
    Sun____阅读 4,959评论 0 0