Chrome同源问题 不支持file协议

Chrome同源问题 不支持file协议

突然记起来。 想发一个博客。 答案摘自好几个博主。 具体记不清了

 $.ajax({
            url: "file:///Users/hao.yan/Downloads/4-20/%E5%95%86%E5%93%81%E5%A4%87%E6%A1%88list.html",
            method: "get",
            async: false,
            head: {'Content-Type': 'application/x-www-form-urlencoded'},
            success: function (data) {
                var destCountryNameC = '';
                
                
 

上述代码是通过ajax直接去获取本地的html文件。但是在获取的过程中 会报错Access-control-Allow-Origin

m origin 'file://' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

这是因为浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象。 错误消息也狠清楚的说明了

Cross origin requests are only supported for protocol schemas: http data chrome chrome-extension https chrome-extension-resource 
跨域请求仅支持协议。http data chrome chrome-extension https chrome-extension-resource

如何解决？

不同的系统解决方式不同

Windows系统

Chrome49以后的版本

 --disable-web-security --user-data-dir=<用户数据路径> --allow-file-access-from-files
 完整示例  
 C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=C:\MyChromeDevUserData --allow-file-access-from-files


直接在chrome快捷方式后加参数即可

chrome49之前的版本

--disable-web-security  直接在chrome快捷方式后加这个参数即可

Mac系统 关闭浏览器。直接在终端输入即可。

Chrome49之后的版本

open -a <APP路径> --args --disable-web-security --user-data-dir=<用户数据路径>

完整示例。
open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir=/Users/mac/Documents/MyChromeDev

chrome49之前的版本

open -a "Google Chrome" --args --disable-web-security

//Safari浏览器
open -a '/Applications/Safari.app' --args --disable-web-security