解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%(解决本地浏览器的方法)

解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94% 解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE/dist/model/model.gltf.xz’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, chrome-untrusted, https, isolated-app.问题描述

推荐整理分享解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%(解决本地浏览器的方法)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:浏览器访问本地资源,如何用浏览器打开本地文件,浏览器访问本地资源,如何用浏览器打开本地文件,浏览器启动本地程序,本地浏览器localhost,浏览器启动本地程序,解决本地浏览器问题,内容如对您有帮助，希望把文章链接给更多的朋友！

大概两三周之前我用build打包了一个vue的可视化项目，然后直接把build之后的index.html放到浏览器中打开，报了下面了一个错误，我一直以为是我打包的路径问题，直到今天终于弄清楚了报错的原因 先看下报错：

原因及解析

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

解决办法

先说一下这个问题只会发生在本地，如果是部署到服务器上面，或者是自己在vscode里面通过插件Live Server打开，都是没有问题的 首先