uniapp 打包后静态图片访问不到是什么原因？

在 UniApp 中，打包后静态图片访问不到通常由以下原因引起。请按顺序排查：

1. 图片路径问题

• 相对路径错误：打包后目录结构变化，相对路径可能失效。
• 解决方案：
  • 使用绝对路径：/static/images/logo.png
  • 在 vue 文件中，用 @ 表示项目根目录：

    <image src="@/static/logo.png"></image>
    

  • 在 js 中，使用 require：

    data() {
      return {
        imgUrl: require('@/static/logo.png')
      }
    }
    

2. 静态资源未正确打包

• 确保图片放在 static 目录（HBuilderX 创建的项目默认有此目录）。
• 检查 manifest.json 中配置是否正确（一般无需修改）。

3. 平台特定路径问题

• H5 部署：若部署到子路径，需在 manifest.json 中配置 publicPath：

  {
    "h5": {
      "publicPath": "/your-sub-path/"
    }
  }
  

• App/小程序：路径通常基于 static，无需特殊配置。

4. 文件名或大小写敏感

• 某些服务器（如 Linux）区分大小写，确保文件名与实际一致。

5. 构建清理问题

• 删除 unpackage 目录，重新运行 npm run build 或通过 HBuilderX 重新打包。

快速检查步骤：

1. 确认图片在 static 目录内。
2. 使用绝对路径或 require 引用。
3. 清理并重新构建项目。

如果问题持续，提供具体平台（H5/App/小程序）和错误日志以便进一步排查。