码迷,mamicode.com
首页 > 其他好文 > 详细

Vue img路径调用静态资源

时间:2019-10-10 11:04:08      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:str   应用   ase   资源   stat   http   表达   就是   搭建   

最近有个项目,由于是展示性的应用,所以我并不想费时间做后台去维护这个应用少得可怜的内容,所以我把内容放在了json文件中供应用进行读取。

vue-cli3去掉了static文件,他所有的静态文件是放在public文件中。

我的内容页就是单纯的文本+图片

技术图片

 

 因此调用的时候需要在data中配置public路径  publicPath:process.env.BASE_URL

技术图片

 

 然后在读取的时候,使用模板表达式进行搭建,注意img标签的src需要使用:src

技术图片

 

 这样就基本成功了,让我们看看发布后的效果applications文件被原封不动的放好了

技术图片

 

Vue img路径调用静态资源

标签:str   应用   ase   资源   stat   http   表达   就是   搭建   

原文地址:https://www.cnblogs.com/CoffeeEddy/p/11646119.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!