vue@cli3项目模板怎么使用public目录下的静态文件
版权申诉
71 浏览量
2020-10-15
03:54:37
上传
评论
收藏 67KB PDF 举报
vue@cli3项目模板怎么使用项目模板怎么使用public目录下的静态文件目录下的静态文件
主要介绍了vue@cli3项目模板怎么使用public目录下的静态文件，文中通过示例代码介绍的非常详细，对大家的
学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
作为图片最好放在static目录下，但是vue@cli3没有static，网上都说放在public目录下，行，那就放吧，可问题是图片放了怎
么使用
第一次尝试第一次尝试
肯定用绝对路径这就不说了，用相对路径，webpack会解析成base64，可是绝对路径怎么输都不对，咋回事
后面看网上说把前面路径下的public路径去掉，好，开发环境没问题了，可打包报错怎么办，就这个我研究了好久。
解决问题解决问题
网上一大堆牛头不对马嘴的，我也是无语了
最后的最后，终于官网找到了完美的解决方案
如此设置，完美解决问题，如果你留心观察过，你会发现，index.html文件的ico图标就已经这么使用了
<template>
<div class="er">
<el-scrollbar style="height:100%">
<div class="ds">
<img
class="sdde"
:src='`${publicPath}imges/but_play.png`'
>
</div>
</el-scrollbar>
</div>
</template>
<script>
export default {
data() {
return {
publicPath: process.env.BASE_URL
}
},
资源评论
