feat: 阿里云 OSS 资源桶接入,商品图与icon支持远程基址

This commit is contained in:
2026-08-06 22:42:35 +08:00
parent b1ca212a40
commit 2f5e12d252
13 changed files with 90 additions and 32 deletions
+13 -1
View File
@@ -226,6 +226,18 @@ npm run dev:h5
- 小程序包体积长期保持 < 500KB;
- 后续更换产品图只需在图床后台操作,无需重新发版。
### 阿里云 OSS 实际操作
1. 在阿里云 OSS 创建 Bucket,建议区域选择离用户近的国内地域(如 `oss-cn-hangzhou`),读写权限选择**公共读**;如果后续要用于用户上传,再配置单独 Bucket 或后端预签名。
2. 把 `src/img/` 上传到 Bucket 根目录 `img/`,把 `src/icon/` 上传到 Bucket 根目录 `icon/`(保持路径一致,前端无需改文件名)。
3. 打开 `src/utils/asset.ts`,将 `ASSET_BASE_URL` 填成桶地址:
```ts
export const ASSET_BASE_URL = 'https://your-bucket.oss-cn-hangzhou.aliyuncs.com'
```
4. 项目中商品图、首页成品图、商品 icon、设计清单/订单里已存的 icon 会自动拼接成远程 URL;本地路径作为兜底,后端没就绪时不裂图。
5. 等 OSS 图片稳定后,可把 `config/index.js` 中 `src/img` 的 copy 规则移除,进一步压缩 dist 体积;`src/icon` 按需保留或也迁到 OSS。
6. 微信小程序后台需要在「开发管理 - 服务器域名」配置 `downloadFile` 合法域名,且必须是 HTTPS。
---
## 最近更新记录(2026-08-06
@@ -307,7 +319,7 @@ npm run dev:h5
- [ ] 订单物流接口接入(目前为静态 mock)
### 中优先级
- [ ] 将实物照片迁移到 CDN(腾讯云 COS / 阿里云 OSS
- [ ] 上传商品图/icon 到阿里云 OSS,并填写 `ASSET_BASE_URL`(前端资源基址已接好
- [ ] 添加更多词云底图模板
- [ ] 支持从微信聊天记录导入 Excel 名单
- [ ] 实现设计稿保存到草稿箱功能