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

2024年4月13日 237次阅读 来源: 梁凤波

我的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

    原文作者：梁凤波
    原文地址: https://segmentfault.com/a/1190000015027565
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞