跨域问题

2023-07-06 | 阅读：次

吾尝终日而思矣，不如须臾之所学。

问题的由来

发现了一个好玩的网页，解压放松型的， https://aidn.jp/mikutap/,并找到了源码 https://github.com/HFIProgramming/mikutap,很自然的，我要下载来运行看看，可以的话集成到自己的网页上。下载，然后浏览器打开，就报错了

index.html:1 Access to XMLHttpRequest at 'file:///Volumes/F/downloadchrome/mikutap-master/data/track/track.json' from origin 'null' 
has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, 
chrome-extension, chrome, https, chrome-untrusted.

原因及解析

在浏览器打开本地的html文件，上面请求的模型资源文件是一个本地文件，协议是file://，如果是在服务器启动的话，则使用的是http或者https协议。出于安全性考虑， Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-Origin Resource Sharing，跨域资源共享)的安全策略阻止。