Vuejs : 包含带有标签的本地 javascript 文件<script>



我想在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

最新更新