Vue使用华为云OBS
# 准备工作
# 配置 AK、SK
提示
- 建议先看一下 官方文档 (opens new window)
- 登录管理后台,生成密匙
- 密匙 生成后,会自动下载,是个
xxx.cvs
文件,里面有AK、SK
# 获取 SDK
文件
提示
- SDK 官方文档 (opens new window)
- GitHub 下载链接 (opens new window)
# 获取 服务器地址
提示
- 查看自己 OBS 所属区域
- 根据 官方说明 (opens new window) 找到自己所属区域的 服务器地址
# 桶配置
提示
- 根据官方推荐的模板创建一个读写权限的策略,用于上传文件;
- 根据模板创建一个所有人可读的权限,用于查看图片之类的文件;
- 配置
CORS
规则,因为是开发测试,这边配置的为*
,上线的时候推荐按需配置;
# Vue
项目引入 OBS
的 SDK
提示
- 放入项目目录,这里我们存放在
src/assets/obs/xxx.min.js
- 在
vue.config.js
文件引入 SDK - 组件内使用 SDK
上次更新: 2021/10/16, 00:29:48