js调用文件服务器出现跨域,js 读取本地文件遇到ajax跨域问题

环境：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: