前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Chrome浏览器的跨域设置—-包含新老版本两种设置(亲测可行)

Chrome浏览器的跨域设置—-包含新老版本两种设置(亲测可行)

作者头像
超级小可爱
发布2024-12-12 09:41:25
发布2024-12-12 09:41:25
8K0
举报
文章被收录于专栏:小孟开发笔记小孟开发笔记
注意:此方案仅适用于windows系统哦!!!--亲测可行

本方案使用于本地浏览器调试,能解决uniapp运行到浏览器引起的跨域问题

这是一篇姗姗来迟的文章,一直在使用,但是一直没时间做一下总结,今天抽空就分享给大家,操作很简单,耐心跟着操作一下。

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


个人开发中的使用习惯

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


老版本Chrome浏览器(版本号49之前的跨域设置)

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

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

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

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 要加在引号外面。

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

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

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-12-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 注意:此方案仅适用于windows系统哦!!!--亲测可行
  • 个人开发中的使用习惯
  • 老版本Chrome浏览器(版本号49之前的跨域设置)
  • 新版浏览器跨域设置(版本号49之后的跨域设置)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档