vue.js 引用路径报错怎么办? 怎么解决? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
vue JS 引用路径报错解决方案
最近在做项目的时候, 需要在 index.html 中引用 JS 文件, 但是一直报 Failed to load resource: the server responded with a status of 404.
从字面上看, 就是路径找不到, 但是检查了一圈之后, 发现路径没有错误啊.
最后在浏览器调试台看到加载出来的文件的路径是这样的, 在 localhost:8080 服务器下, 先生成了本地磁盘路径, 然后将 src 中的内容都放在了这个磁盘下面.
正确的地址应该是 src 文件夹直接在 localhost:8080 / 服务器下才对, 所以初步猜测原因应该是这个路径加载不正确导致的.
我们在执行 NPM run dev 的时候, 可以看到调用的是 webpack.dev.conf.JS, 所以从这个文件入手去查找原因.
解决方法:
1, 如果里面有这个变量, 注释掉, 然后重新执行 NPM run dev 指令.
contentBase: false
你会在这句代码后面看到这个注释: since we use CopyWebpackPlugin, 所以顺便把 CopyWebpackPlugin 这个变量的定义和实现也一并注释掉.
重新运行后, 看到路径加载如下图, 然后也没有再报路径错误啦.
更多 Web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/16960.html