自从前后端分离后,浏览器做出了很多的限制,如产生跨域时将限制访问服务器,那要如何解决前端跨域的问题,下面将以谷歌浏览器(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就能正常跨域工作了。