mpvue 小程序加载不了图片 Error: Failed to load local image resource /images/xx.png the server responded with

Posted Blog - Liang Fengbo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mpvue 小程序加载不了图片 Error: Failed to load local image resource /images/xx.png the server responded with 相关的知识,希望对你有一定的参考价值。

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

比如:
<img src="/static/img/bg.png" >

就可以了

原因也很简单,直接存图片放在根目录下的静态资源static文件,自然找到了

以上是关于mpvue 小程序加载不了图片 Error: Failed to load local image resource /images/xx.png the server responded with 的主要内容,如果未能解决你的问题,请参考以下文章

试玩mpvue,用vue的开发模式开发微信小程序

学习mpvue : 使用mpvue实现2048小程序

微信小程序原生组件swiper在mpvue工程中使用注意事项

美团点评开源用 Vue.js 开发小程序的前端框架 mpvue

使用mpvue开发小程序需要注意和了解的知识点

mpvue 小程序开发爬坑汇总