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文件出现跨域问题的解决方案的主要内容,如果未能解决你的问题,请参考以下文章