快速解决vue中js引入跨域问题

唯-学习

于 2021-11-14 21:12:01 发布

阅读量1.8k

点赞数

文章标签： vue.js javascript vscode

本文链接：https://blog.youkuaiyun.com/qq_43704742/article/details/121323490

版权

当尝试运行HTML文件时，遇到一个错误，提示跨源资源共享(CORS)策略阻止了对'null'源的脚本访问。此问题通常由于尝试从本地文件系统加载资源而非通过HTTP协议导致。为了解决这个问题，可以在Visual Studio Code(VSCode)中安装LiveServer插件。安装完成后，只需按下`Go Live`按钮，即可在支持的协议下正常运行HTML页面，避免CORS错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Access to script at 'file:///.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
index.html:12 GET file:///************************.js net::ERR_FAILED
上述通过Google翻译，大致意思是 访问脚本从原点’null’已被CORS策略阻止:跨域请求只支持协议方案:http，data，chrome, chrome-extension, chrome-untrusted, https
当运行是控制台出现上述问题时可以通过在vscode安装一个插件Live Server
下载好后通过按
在这里插入图片描述
就可以正常运行了。