跨域报错:![](https://img-blog.csdnimg.cn/20190921174049597.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIT1VfSXZ5Mw==,size_16,color_FFFFFF,t_70)
原因:
1.跨域即域名、端口、协议其中任一不同就会形成跨域
2.请求本地json文件是属于 file协议
3.谷歌浏览器自身的安全机制:跨域请求仅支持协议:http, data, chrome, chrome-extension, https, chrome-extension-resource
因此,请求本地json文件执行的是file协议,而ajax请求是属于http协议,协议不同,所以跨域。
如何解决:
方法一:
方法二:
对谷歌浏览器的默认跨域设置进行修改(可参考此篇博文)