您的位置:首页 > Web前端 > JavaScript

js 读取本地文件遇到ajax跨域问题

2017-09-04 00:00 741 查看
环境:win10
语言:js
对象:easyUI SKD demo
级别:小小白级

本篇博文记录博主从js小小白的进化历程,下述问题对老鸟来说再简单不过,但是作为新手一定会经历这样的阶段,所以还是分享出来,希望能为以后同样是小小白的猿一些参考。老鸟看看笑笑就行,轻喷轻喷...

听说esayUI很适合新手UI布局,下载了SDK之后尝试本地查看SDK下的demo,在查看tree控件的时遇到如下报错:
jquery.min.js:5 XMLHttpRequest cannot load file:///F:/Clis/%E5%AD%A6%E4%B9%A0/js/EsayUI/jquery-easyui-1.5.3/demo/tree/tree_data1.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
报错图:



简单一看,又涉及到跨域问题,本着菜鸟多虚心求教的原则网上搜了一下,基本都是让在浏览器属性后加 --allow-file-access-from-files 的方法,然而这种方法在我这里并不能起作用,依然同样报错。
网上解决建议如下图:



于是自己尝试解决,不就是不能读取本地文件嘛,那我把它丢上服务器去,于是该SDK怒丢上wwwroot下,然后在IIS里浏览,问题解决。
IIS管理器里如下浏览:



问题解决,附上前后对比图:
Before:



After:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息