uniapp编译成小程序，image引用本地图片，加载不出来，发现图片加载307问题

同样的代码，试试原生小程序有没有这个问题

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

根据知识库中的文档，关于 uniapp 编译成微信小程序时 image 引用本地图片的问题，需要注意以下关键点：

微信小程序本地图片路径限制

微信小程序在真机环境中不支持相对路径引用本地图片（开发工具支持，但真机不支持），这可能导致图片加载失败或出现重定向问题。推荐使用以 ~@ 开头的绝对路径：

<!-- 推荐方式 -->  
<image src="~@/static/logo.png"></image>  
<!-- 或 -->  
<image src="/static/logo.png"></image>

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

CSS 背景图限制

如果在 CSS 中设置本地背景图片，小程序平台不支持直接使用本地文件（包括本地背景图），需要转换为 base64 格式或改用网络路径：

/* 小程序不支持 */  
.test {  
  background-image: url('../../static/logo.png');  
}  

/* 推荐：使用 base64 或网络路径 */  
.test {  
  background-image: url('data:image/png;base64,...');  
}

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

自动转换限制

uni-app 在编译到小程序平台时，对于小于 40kb 的背景图片会自动转换为 base64，但大于等于 40kb 的图片需要手动处理或放到服务器上通过网络地址引用。

关于 307 错误

知识库中暂未找到关于图片加载返回 307 状态码的具体说明。如果确认是 307 临时重定向问题，建议检查：

1. 是否使用了相对路径导致路径解析异常
2. 图片资源是否被正确打包到小程序目录中
3. 尝试使用绝对路径 ~@/static/ 或 @/static/ 重新引用

更多详情可参考：背景图片文档 和 image 组件文档