前端想自己在本地调试数据,用ajax请求json文件进行调试,以前在火狐上是可以请求到数据的,现在行不通了。报404错误,而在chrome浏览器上进行本地数据调试请求会报跨域访问错误
网上查了些资料,找到了一种简单的解决方案,
具体可参考:https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html
下面简单概述一下如何让Chrome浏览器开启跨域访问:
1、升级Chrome到最新版本或下载最新版本的浏览器
2、创建一个调试用的Chrome快捷方式,右键选择Chrome快捷方式,在弹出的右键菜单中选择"创建快捷方式",重命名新建的快捷方式为Chrome-Debug。
3、打开Chrome-Debug快捷方式属性,右键选择Chrome-Debug快捷方式,右键菜单中选择"属性",打开Chrome-Debug快捷方式属性设置对话框。
4、增加启动参数
在目标后面增加如下的启动参数:--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security ,点"确定"按钮保存设置。完整的目标内容如下所示:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security
注:
1. 每个--前面都有一个空格。
2. disable-web-security需要搭配user-data-dir参数一起设置。
5、打开Chrome-Debug
因为启动参数中增加了--user-data-dir="c:\ChromeDebug",表示Chrome会从c:\ChromeDebug中存取用户数据,因该目录可能为空,所以新打开的Chrome-Debug窗口是一个全新的Chrome,没有书签、历史、扩展程序等内容,需要再重新安装扩展程序。
6、再次打开之前出错的程序,就可以发现Ajax已经可以正常跨域访问了。