mpvue小程序加载不出图片 Failed to load local image resource

我的GitHub博客,很多内容可以看,喜欢的给星星哦 https://github.com/liangfengbo/frontend

第一道:图片引入本地静态文件失效?

mpvue开发小程序时候,要添加静态本地图片

<img src="../../images/bg.png" alt="">

会报错:

VM14878:2 Failed to load local image resource /images/bg.png 
the server responded with a status of 404 (HTTP/1.1 404 Not Found) 

原因有很多种,解决办法可以改webpack,或mpvue的包,这里提供一个非常直接的办法:

直接写 /static/img/xx.png

比如:把图片放在根目录下的static文件下
<img src="/static/img/bg.png" >

就可以了

原因也很简单,static就是专门放静态资源文件的,存放在根目录下,直接就用

我的GitHub博客,很多内容可以看,喜欢的给星星哦 https://github.com/liangfengbo/frontend

posted @ 2020-04-16 20:04  热爱前端知识  阅读(4261)  评论(0编辑  收藏  举报