对接华为云Obs,上传附件报错cors

平台对接华为云的obs时,上传附件报错,经排查发现是前端cors拦截报错了

报错内容如下:

Access to XMLHttpRequest at '华为云桶地址' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

核心解决方案:配置 OBS 桶的 CORS 规则

这是解决该问题的根本方法。请按照以下步骤操作:

  1. 登录华为云控制台 ,进入对象存储服务 OBS。

  2. 在桶列表中,找到你正在使用的桶,并点击进入其详情页面。

  3. 在左侧导航栏找到 "基础配置" 或 "权限控制" ,点击 "CORS规则"。

  4. 点击 "创建" 按钮,添加一条新的 CORS 规则。

请按照下面的推荐配置进行填写:

配置参数 推荐填写值 说明与要求
允许的来源 http://localhost:8080 必填 。精确填写你前端应用的源地址。生产环境请务必替换为你的正式域名 ,不要使用 * 通配符。
允许的方法 GET, POST, PUT, DELETE, HEAD 必填 。选择你前端需要使用的所有HTTP方法。对于文件上传,POST 和 PUT 是必需的。
允许的头域 * 必填 。华为云官方推荐配置为 *,以允许所有头域。这对于携带如 Content-MD5 等自定义头进行上传验证至关重要。
补充头域 ETag 可选,但强烈建议 。如果你前端需要获取文件的MD5值进行校验,请在此处填写 ETag。
缓存时间 100 可选 。浏览器缓存预检请求(OPTIONS)的结果时间,单位是秒。保持默认或设置为 300 即可。

点击 "确定" 。CORS 配置通常会在2分钟内生效

添加上述规则后,可以正常上传附件了

相关推荐
終不似少年遊*1 天前
【Skill】为中型研发团队制作的敏捷迭代AI副驾Skill
人工智能·python·华为云·agent·ai编程·skill
熊猫钓鱼>_>2 天前
上架审核常见驳回与隐私合规清单:过审前先自查这 8 条【鸿蒙心迹】
开发语言·前端·华为·华为云·harmonyos·openharmony·ai制作
hyunbar3 天前
华为云 GaussDB(DWS) 和 PG 的谓词下推有何差异
华为云·gaussdb·dws
JoePotter4 天前
从零搭建华为云 EVS 每日自动快照:hcloud + PowerShell + 邮件报告实战
华为云·自动化运维·powershell·evs·koocli·快照备份·mailozaurr
Linux界最忧郁之人4 天前
OpenStack Victoria双节点实战|Packstack一键部署(CentOS‑Stream‑8)+华为云ECS实操
linux·运维·服务器·centos·华为云·openstack
Lvan的前端笔记5 天前
华为云 obsutil 使用指南
华为云
容器魔方11 天前
Volcano v1.16 发布:新增 NamespaceQueue 与 fairshare,拓展 HyperNode 生态
人工智能·云原生·容器·华为云·云计算
yunlaodacom12 天前
华为云国际站服务代理商:BMS数据库延迟突然升高?磁盘I/O、网络与CPU排查方法
网络·数据库·华为云
GitCode官方12 天前
直播预告:华为云码道实战|Agentic DevOps 与昇腾 CANN 算子 AI 开发
人工智能·华为云·devops·atomgit
晨间晓13 天前
图片里的高频和低频是什么?用华为云码道开发 OpenCV 傅里叶频谱分析工具
opencv·计算机视觉·华为云