jq通过php请求本地json数据,jQuery-ajax请求本地json文件

jQuery-ajax请求本都json文件，以及load加载本地文件出现跨域错误的解决方案

html>

Document

img{

height: 100px;

}

$.ajax({

type: "GET",

url: "./list.json",

dataType: "json",

success: function (result) {

var lis = result.data.object_list

console.log(lis)

for (var i = 0; i 

$('.box').find('ul').append("

" + lis[i].msg + "")

$('.box').find('ul li').eq(i).find("img").attr("src", lis[i].photo.path)

}

}

});

但是在请求数据过程中一直会报这么一个错：

Access to XMLHttpRequest at 'file:///F:/%E4%BB%A3%E7%A0%81/Jquery/a.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supportedforprotocol schemes: http, data, chrome, chrome-extension, https.

禁止跨域是浏览器的安全限制机制，在每个浏览器下都有，如在chrome、Firefox、opera 、360 都是这样的，同样会报告上述错误，但是可以通过设置来绕过这个限制(如果经常 完前端代码 建议在本机装个web容器。。。)，常见的方式是  右击chrome快捷方式，选择“属性”，在“快捷方式”下的“目标”中添加" --allow-file-access-from-files"(最前面有个空格)，重启chrome即可如下: