Vue项目中的静态资源引入
项目中有时候需要引入静态资源,比如无需修改的js文件等,且无法npm获取,一般作为缓存的静态资源,会放在static文件夹下(放在其他文件夹下面会报错,直接报静态资源内部的错误,排查了一天。),在index.html中引入。assets在src文件夹下面,src里面的文件是参与打包的,所以一般项目中的资源会放在assets文件夹下,使用相对路径即可访问。VUE_APP_ASSETS是自己在.env
·
Vue项目中的静态资源引入
assets和static
assets
assets在src文件夹下面,src里面的文件是参与打包的,所以一般项目中的资源会放在assets文件夹下,使用相对路径即可访问
静态资源访问static
项目中有时候需要引入静态资源,比如无需修改的js文件等,且无法npm获取,一般作为缓存的静态资源,会放在static文件夹下(放在其他文件夹下面会报错,直接报静态资源内部的错误,排查了一天。。。),在index.html中引入
<script src="<%= BASE_URL + VUE_APP_ASSETS + '/' %>EchartsLayer.js"></script>
VUE_APP_ASSETS是自己在.env文件中设置的,BASE_URL是项目自带的,我这里是Public,可以自己设置。如果不用上述方法也可以直接引入,但是静态资源不可以使用import和require的方式引入。
更多推荐
已为社区贡献2条内容
所有评论(0)