场景 　　图片路径被原样输出，无法正确加载图片； 原因 　　webpack 会将:src 动态绑定的值解析成字符串，原样输出； 解决办法 　　将路径使用 require('') 包裹起来； ...

在vue-cli中动态的获取img的src值，正确的形式为<img :src="item.img"> ，要使用v-blind绑定 开始，我把需要的图片放在了/src/assets/images中，在浏览器中利用F12发现路径也对，但是不显示图片 解决： 后发现，直接利用 ...

在 vue 项目中引入图片，路径为相对路径时，会显示 src="[object Module]" 采用 import 方式引入图片，再设置到 src 中 会正常显示 file-loader 版本 当 file-loader 版本为4.3.0 及以上时，需要在 配置文件中手动配置属性 ...

需要前端循环图片数组将其放到页面中去。 需要将src渲染到页面中，如果单纯写src的路径会出现不显示图片的问题 因为图片路径在assets，所以需要require一下。 ...

解决方法：加上require()即可 <img :src="power>0 ? require('../../images/order/anchor-bg.png') : require('../../images/order/seller-bg.png')"/> ...

vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过 :src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题. 这里我们先看看vite官方文档的解释： https ...

主要就是21，22，23行 webpack5中在url-loader，html-loader，中都需要配置 esModule:false ...

如下图所示，下面的html要去加载上面的jpg图片： 代码如下： 使用谷歌打开这个html图片正常显示，但是使用IE浏览器就显示图片加载失败 路径肯定没有错，后来想了想，这个jpg图片原来是png格式的，我只不过强制把后缀名改了，最后我采取下面的办法解决了问题： ...