前端解决浏览器跨域问题

  自从前后端分离后,浏览器做出了很多的限制,如产生跨域时将限制访问服务器,点击了解浏览器产生跨域的原因。那要如何解决前端跨域的问题,下面将以谷歌浏览器(chrome)为标椎来提出一个简单且常用解决方案。


 

一、创建一个能够跨域的谷歌浏览器

下载并安装谷歌浏览器以后(如果已经拥有那就不用),右击谷歌浏览器使用快捷方式创建出另一个谷歌浏览器,此时两个是一模一样的,对新创建出来的那个浏览器进行命名,我这里命名为‘dev-env’,即开发环境,这样就会拥有一个正常的浏览器,一个可以跨域的浏览器(注意:在这个步骤中只是创建了一个新的浏览器,还没有进行相关的跨域配置,所以还不能实现跨域,请继续往下看)。

二、开始解决跨域问题

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

查看谷歌浏览器版本号:

步骤:

(1)在电脑上新建一个空目录(任意位置,如果有D盘建议放在D盘,尽可能不要放在系统盘中) 例如 D:\MyChromeDevUserData
(2)右键点击谷歌浏览器,选择属性;
(3)在目标输入框尾部加上  --disable-web-security --user-data-dir=D:\MyChromeDevUserData
(4)点击 确定 关闭属性面板

注意:

(1)这里 --disable-web-security 前面有一个空格

(2)如果目标地址原先有引号,那么 --disable-web-security --user-data-dir=D:\MyChromeDevUserData 要加在 引号 外面

 

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

现在谷歌浏览器版本已经一百多了,但是考虑到一些老用户,这里也对老版本做出了跨域解决方案。

步骤:

(1)右键点击谷歌浏览器,选择属性
(2) 在目标输入框尾部加上 --disable-web-security
(3)点击 确定 关闭属性面板

注意:

(1)这里 --disable-web-security 前面有一个空格

 

三、查看浏览器能否解决跨域问题

打开新创建的谷歌浏览器,我这里是‘dev-env’,进入浏览器后如果出现“--disable-web-security”的提示,说明chrome就能正常跨域工作了。

posted @ 2023-05-29 12:54  CodeFan*  阅读(490)  评论(0编辑  收藏  举报