暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

前端开发过程中Chrome浏览器的跨域设置

IT那活儿 2024-04-15
564

点击上方“IT那活儿”公众号--专注于企业全栈运维技术分享,不管IT什么活儿,干就完了!!!


前 言
当我们二次开发使用本地微前端服务的时候,经常会遇到提示跨域(如图)的问题,下面介绍谷歌浏览器跨域设置的操作,其中包含了具体的操作截图实例。

准备工作:

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


跨域设置

2.1 老版本Chrome浏览器

1)右键点击谷歌浏览器,选择属性
2)在目标输入框尾部加上 --disable-web-security
注意:这里 --disable-web-security 前面有一个空格。
3)点击应用和确定后关闭属性页面,并打开chrome浏览器
如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”,那么说明配置成功。

2.2 新版浏览器跨域设置(版本号49之后的跨域设置)

1)在电脑上新建一个目录(任意位置) 
例如 C:\MyChromeDevUserData
2)右键点击谷歌浏览器,选择属性
3)在目标输入框尾部加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData
注意:
  • 两个 -- 前面都是有空格的;
  • 如果目标地址原先有引号,那么 --disable-web-security --user-data-dir=C:\MyChromeDevUserData 要加在引号外面。
4)点击应用和确定后关闭属性页面,并打开chrome浏览器
再次打开chrome,发现有“--disable-web-security”相关的提示,说明chrome就能正常跨域工作了。

END


本文作者:刘首江(上海新炬中北团队)

本文来源:“IT那活儿”公众号

文章转载自IT那活儿,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论