我想在vuejs组件中包含这个jquery插件:http://jvenn.toulouse.inra.fr/app/js/jvenn.min.js.
为此,我添加了以下行
mounted () {
const jvenn = document.createElement('script')
jvenn.setAttribute(
'src',
'http://jvenn.toulouse.inra.fr/app/js/jvenn.min.js'
)
jvenn.async = true
document.head.appendChild(jvenn)
}
它工作得很好,但我想有一个这个脚本的本地副本,以防这个文件不再在线。我尝试将其添加到我的资产目录中,并更改http://jvenn.toulouse.inra.fr/app/js/jvenn.min.js通过/static/js/jvenn.min.js没有成功。
知道吗?
假设一个Vue CLI脚手架项目,将第三方脚本放在public
文件夹中,使其成为静态资产:
public
└─js
| └─jvenn.min.js
└─index.html
然后编辑public/index.html
以导入脚本:
<body>
<script src="<%= BASE_URL %>js/jvenn.min.js"></script>
</body>
如果配置了项目的基本URL,则src
中的<%= BASE_URL %>
前缀非常重要
如果
js
└─jvenn.min.js
index.html
那么它将只是js/jvenn.min.js