html文件引用本地js文件出现跨域问题的解决方案

Posted vickylinj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html文件引用本地js文件出现跨域问题的解决方案相关的知识,希望对你有一定的参考价值。

自己建了个html文件,把three.js里面的例子代码扒下来直接双击html打开页面报跨域,如下图:

报错的js代码如下,只是引用js文件:

报跨域的原因是:加载js文件时使用了file协议,该协议会导致跨域,而使用htpp、https等协议时则没有跨域问题。而使用file协议则是因为在浏览器中查看html文件时没有起服务!

解决方法是安装anywhere npm包,在命令行中执行命令 $ anywhere即可启动服务,然后可以在浏览器中使用http协议来访问html和js,就不会再报跨域错误:

 

 Anywhere —— 随启随用的静态文件服务器 

 

以上是关于html文件引用本地js文件出现跨域问题的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

javascript 跨域调用js文件问题.....

Jquery的load加载本地文件出现跨域错误的解决方案

android webview加载html5出现跨域问题怎么解决

VUE本地跨域解决方案

ajax跨域问题简单解决--

pdf.js跨域加载文件