解决Chrome跨域问题 - 跨域系列

解决Chrome跨域问题,首先注意要区分Chrome版本,49之前的版本和49之后的版本处理方法不同。具体如下:

Chrome49之后的版本:

Windows: 

1.关闭所有的chrome浏览器。

2.新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加  --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData

3.通过快捷方式打开谷歌浏览器

MAC:

1. 打开终端

2. 输入下面的命令( 需要替换路径中的yourname)

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/yourname/MyChromeDevUserData/

注意

网上有些文章--user-data-dir参数后面没有添加文件夹名,是设置不成功的。

保证该路径/Users/yourname/下存在MyChromeDevUserData文件夹,没有文件夹MyChromeDevUserData,可以自己新建一个


Chrome49之前的版本:

Windows: 

1.关闭所有的chrome浏览器。

2.新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加--args --disable-web-security --user-data-dir

3.通过快捷方式打开谷歌浏览器


注意

相对于新版本不需要新建添加MyChromeDevUserData文件夹

可以增加  --allow-running-insecure-content 解决混合内容问题


参考文章:

mac上设置新版chrome浏览器跨域

通过设置chrome浏览器解决跨域问题,在本地进行开发工作

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,293评论 19 139
  • 前端er开发通常避不开跨域问题,开发阶段,本地代码访问服务器接口会提示跨域,无法获取到想要的数据。之前用Windo...
    revert阅读 7,305评论 2 4
  • 重要更新查看文末 mac 和 windos平台下,chrome和微信开发者工具的跨域,跨域主要是为了在开发阶段调用...
    weineeL阅读 10,832评论 0 3
  • 听完永澄老师领读课《练就高手“破局”思维(解读第四章)》,解读古典老师的新书《跃迁》第四章,我最大的三点收获是; ...
    田园山庄阅读 2,187评论 0 1
  • 对于任何一个人,2017都足够难忘。因为每一年的这个时候总是会去回想曾经的事情,感慨流逝的芳华岁月,我不太确定其他...
    蒋干阅读 1,319评论 0 0