【发布时间】：2017-11-17 06:25:11
【问题描述】：
我是 Vue.js 的新手，我只是想将脚本标签加载到页面，例如 jQuery。我尝试将脚本添加到 index.html 文件的正文末尾，但它们以 404 的形式返回。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<div id="app"></div>
<!-- JQUERY -->
<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/tipr.min.js"></script>
</body>
</html>
【问题讨论】：
-
如果有几个目录，请尝试使用 ./
<script src="./assets/js/jquery-2.1.4.min.js"></script>或...<script src="../../assets/js/jquery-2.1.4.min.js"></script>作为前缀。 -
即使只是一个斜线也可能会有所帮助：
<script src="/src/assets/js/tipr.min.js"></script>你也可以将它们移动到静态文件夹中。您的应用程序结构/IA 是什么样的？ -
谢谢！将它们移动到静态文件夹有效。您能解释一下 assets/static 文件夹之间的区别以及何时使用哪个？
-
取决于我认为的项目配置，vuejs-templates.github.io/webpack/static.html 很确定资产文件夹允许较短的相对路径。 （./bg/img.png，而不是 ../../assets/bg/img.png） - 因此可以更轻松地访问整个应用程序中的资源，而无需担心目录导航。
-
这不是 Vue 问题，这只是您的文件路径错误。任何事情都会发生这种情况。
标签： javascript jquery vue.js script-tag