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的方式引入。

Logo

前往低代码交流专区

更多推荐