欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  数据库

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'nu

程序员文章站 2022-05-22 17:50:27
...

错误 最近在做框架的时候,需要加载.html文件和.json文件的时候出现了以下一个错误: 分析 一出现这个错误,我就猜到是加载.json文件的问题,先前,在做善良公社的时候,就接触了Easyui,也接触了json,那时是将从数据库中返回的datatable中的数据转换为json

错误


最近在做框架的时候,需要加载.html文件和.json文件的时候出现了以下一个错误:

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'nu


分析


一出现这个错误,我就猜到是加载.json文件的问题,先前,在做善良公社的时候,就接触了Easyui,也接触了json,那时是将从数据库中返回的datatable中的数据转换为json数据,然后加载到表格中,所以,这个时候我最先想到的是json数据格式的原因,按照先前在善良公社的json数据格式改了后,仍然出现这个错误。当我把.json文件中的数据写到代码中时,加载正常。所以说这就不是json数据格式的原因了。


原因


这就让我不得不想想是否是其他的原因了,后来,通过一番查询,找到了原因。

原因如下:

Chrome不支持本地Ajax请求,当我在.html文件中访问.json文件时就会出现这个问题,就是说这个时候不能加载这个.html文件。


解决方式


打开Chrome快捷方式的属性中设置:

右击Chrome浏览器快捷方式,选择“属性”,

在“目标”中加上"--allow-file-access-from-files",注意前面有个空格,

重启Chrome浏览器便可。

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'nu

这样就正常加载了。

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'nu

总结


做项目的时候要懂得调试,不能一遇到错误就开始寻求帮助,先要学着自己解决,对错误进行分析,逐一排查,最终找到错误原因,然后剩下的如何解决就不是大问题了。