首先使用src相对路径引入
注意:
js 文件放在public文件下 不要放在assets静态资源文件下
否则 可能会报错
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模板语法
ejs模板语法是为了能够在html文件中使用js变量
Vue CLI 3.3 之前的版本,BASE_URL 对应的是 vue.config.js中的 baseURl 字段
vue CLI 3.3 之后(包括3.3)的版本,对应的是publicPath
publicPath 中的这个 / 代表的是打包之后静态资源的路径,也就是说代表的是打包后 dist文件夹的路径
想修改 BASE_URL,
Vue CLI 3.3 之前的版本,配置:baseURl: ‘/static’
Vue CLI 3.3 之后(包括3.3)的版本,配置:publicPath: ‘/static’文章来源:https://www.toymoban.com/news/detail-680133.html
// 还可以通过环境判断
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/static/'
: '/'
}
关联文章文章来源地址https://www.toymoban.com/news/detail-680133.html
到了这里,关于vue中html引入使用<%= BASE_URL %>变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!