让新版Chrome支持本地跨域请求调试

jk 1年前 ⋅ 5634 阅读

源于:今日头条(查看原文)

经常写前端的朋友可能遇到过这样的问题,当在本地编写好一个Ajax请求,需要测试时,发现如果直接打开file://这样路径的HTML,那么其中的Ajax请求是无法运行,会提示关于错误,错误信息类似是这样的:

让新版Chrome支持本地跨域请求调试

提示无法进行跨域请求。这时候如果解决呢?其实可以通过Chrome的启动参数,来解决这个问题,让我们的本地联调测试更加方便。具体方法是:

1、创建一个Chrome的启动快捷方式;

2、右键点击快捷方式属性,然后在目标路径后面,添加以下参数:

–disable-web-security –user-data-dir=”e:\chromedev“

注意在最新版本的Chrome中,–user-data-dir参数也是必须要添加的,下划线部分可以随便指定到其他路径,这里保存是的Chrome的用户数据的。

让新版Chrome支持本地跨域请求调试

3、通过刚才创建的快捷方式打开Chrome

这种方式打开的Chrome会有一个安全警告,说明我的添加的参数起作用了。这时候再打开我们本地的HTML,其中的Ajax跨域请求就可以正常调试了。

让新版Chrome支持本地跨域请求调试

==大席的博客==


全部评论: 0

    我有话说: