Vue 在哪里加载脚本标签？
Posted
技术标签:
【中文标题】Vue 在哪里加载脚本标签？【英文标题】：Where to load script tags in Vue? 【发布时间】：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 问题，这只是您的文件路径错误。任何事情都会发生这种情况。
【参考方案1】：
尝试将它们移动到/static/ 文件夹和/或在路径前加上./ 或/
【讨论】：
以上是关于Vue 在哪里加载脚本标签？的主要内容，如果未能解决你的问题，请参考以下文章
在构建我的Vue应用程序之前，我可以在哪里向生成的脚本标记添加属性？