首先使用src相對(duì)路徑引入
注意:
js 文件放在public文件下 不要放在assets靜態(tài)資源文件下
否則 可能會(huì)報(bào)錯(cuò)
GET http://192.168.0.113:8080/src/assets/js/websockets.js net::ERR_ABORTED 500 (Internal Server Error)
正確使用如下:eg
// html中引入 方式一
<script src="./websockets.js"></script>
// 方式二
<script src="<%= BASE_URL %>websockets.js"></script>
<%=%>是ejs模板語(yǔ)法
ejs模板語(yǔ)法是為了能夠在html文件中使用js變量
Vue CLI 3.3 之前的版本,BASE_URL 對(duì)應(yīng)的是 vue.config.js中的 baseURl 字段
vue CLI 3.3 之后(包括3.3)的版本,對(duì)應(yīng)的是publicPath
publicPath 中的這個(gè) / 代表的是打包之后靜態(tài)資源的路徑,也就是說代表的是打包后 dist文件夾的路徑
想修改 BASE_URL,
Vue CLI 3.3 之前的版本,配置:baseURl: ‘/static’
Vue CLI 3.3 之后(包括3.3)的版本,配置:publicPath: ‘/static’文章來源:http://www.zghlxwxcb.cn/news/detail-680133.html
// 還可以通過環(huán)境判斷
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/static/'
: '/'
}
關(guān)聯(lián)文章文章來源地址http://www.zghlxwxcb.cn/news/detail-680133.html
到了這里,關(guān)于vue中html引入使用<%= BASE_URL %>變量的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!