对接华为云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分钟内生效

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

相关推荐
梅菲塔亚2 天前
华为云从入门到实战
开发语言·华为云·php
熊猫钓鱼>_>3 天前
Kotlin Multiplatform for OpenHarmony 实战:为 Landscapist 实现图片加载适配
开发语言·kotlin·华为云·ai编程·harmonyos·鸿蒙·openharmony
SuperHeroWu74 天前
华为云码道接入 DevEco CLI 鸿蒙应用开发AICoding
华为·华为云·harmonyos
star_start_sky5 天前
华为认证 HCIA、HCIP、HCIE 怎么选?数通、云、存储、安全路线详解
华为云·云计算·华为认证·技术学习·备考指南
懿路向前5 天前
【随笔】2026-10-05 | 从“连不上家里的电 脑“到全链路打通
华为云
熊猫钓鱼>_>6 天前
从2D平铺到3D沉浸:我用HarmonyOS 7端侧AI做了一个全程数据不出设备的空间化私密相册
前端·人工智能·3d·华为·华为云·harmonyos·鸿蒙
兜里只有三分钱~7 天前
不跟手机比,跟 440Hz 比——零拍法验准的码道调音器
华为云·码道
LucianaiB13 天前
华为云码道 AI 编程实战:我用 CodeArts 智能体打造了一款 HarmonyOS 游戏化专注应用「智办 ZhiBan」
人工智能·ai·华为云·harmonyos·codearts·材料
故乡dee云13 天前
2026年华为云国际账号开通避坑:IP自动跳转中国站,选错地区只能重新注册
服务器·tcp/ip·华为云
渣哥搞AI13 天前
中秋猜灯谜:基于华为云码道零依赖纯 Canvas 手写一个灯会小游戏
华为云