Taro编译小程序时图片路径为啥404？

东芳 ☘︎ 提问于 2026-03-07 21:31:22 阅读 8

框架

我用Taro写了个跨端项目，本地开发H5没问题，但编译成微信小程序后，所有图片都加载不出来，控制台报404。图片是放在src/assets/images目录下的，引用方式是import logo from '@/assets/images/logo.png'，然后在Image组件里用src={logo}。

试过改成相对路径、绝对路径都不行，也查了Taro文档说静态资源要放src下，但我确实放了啊。是不是小程序对图片路径有特殊处理？

这是我的Image组件写法：

import logo from '@/assets/images/logo.png'

// ...
<Image src={logo} />

跨端方案

我来解答赞 5 收藏

反馈

1 条解答

Newb.佳宜 Lv1

啊这...Taro编译小程序时会把图片转base64，超过大小限制的话就直接复制到dist目录。试试在config/index.js里加这个：

mini: {

  imageUrlLoaderOption: {

    limit: 0 // 所有图片都复制到dist

  }

}

还不行的话把图片扔到static目录下，引用路径改成/static/xxx.png

2026-03-07 22:00