前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Chrome浏览器跨域设置

Chrome浏览器跨域设置

作者头像
celineWong7
发布2020-11-06 12:53:26
2.6K0
发布2020-11-06 12:53:26
举报
文章被收录于专栏:web前端踩坑web前端踩坑

原文地址:Chrome浏览器跨域设置

最近一个项目,本地开发是原生html页面,但调用的接口是服务器上的。 本地打开html页面,对应域名是文件在本机的地址,再访问接口时,就会产生跨域问题。但若是发布,html页面会构建在接口所在服务器,又没有跨域问题。 所以,只需要单纯解决本机开发测试的跨域。这就可以借助chrome浏览器的灵活设置了。

具体设置方法如下:

1. Chrome 版本小于49

设置步骤: 在Chrome的快捷图标上鼠标右键 --> 属性 --> 目标 --> 在原chrome路径的基础上加上 --disable-web-security --> 应用。

之后关闭所有chrome,点击Chrome的快捷图标,重新启动浏览器,如果看到地址栏下面有个小黄条——你使用的是不受支持的命令标记 --disable-web-security,就是设置成功了。

2. Chrome 版本大于49

设置步骤和上面类似,就是在原chrome路径的基础上加上的代码串不一样。 建议:发送一个快捷方式到桌面,重命名下,然后在这个快捷方式上面进行配置。 设置步骤: 在Chrome的快捷图标上鼠标右键 --> 属性 --> 目标 --> 在原chrome路径的基础上加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData --> 应用。(注意:以上的字符串加在原路径引号外面,且要有空格间隔。) 其中,C:\MyChromeDevUserData 是你本地硬盘的一个目录,最好自己新建一个,上面的目录路径换成自己新建的目录即可。

3. Mac系统

MAC 上Chrome跨域设置,是直接终端敲命令设置,不过每次mac重启后,都要重新执行命令。 设置步骤:

  1. 新建一个目录。用于存放保存关闭安全策略后的用户信息的,名称和位置随意。
  2. 在终端中输入:open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/Vic/Documents/MyChromeDevUserData 其中,/Users/Vic/Documents/MyChromeDevUserData 对应步骤1新建目录的路径
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. Chrome 版本小于49
  • 2. Chrome 版本大于49
  • 3. Mac系统
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档