如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed access

错误

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

分析

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

原因

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

原因如下：

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

解决方式

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

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

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

重启Chrome浏览器便可。



这样就正常加载了。

总结

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