对接华为云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方法。对于文件上传,POSTPUT 是必需的。
允许的头域 * 必填 。华为云官方推荐配置为 *,以允许所有头域。这对于携带如 Content-MD5 等自定义头进行上传验证至关重要。
补充头域 ETag 可选,但强烈建议 。如果你前端需要获取文件的MD5值进行校验,请在此处填写 ETag
缓存时间 100 可选 。浏览器缓存预检请求(OPTIONS)的结果时间,单位是秒。保持默认或设置为 300 即可。

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

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

相关推荐
号码认证服务1 小时前
如何让经销商接电话时看到“XX集团”?申请号码认证统一上线
服务器·经验分享·sql·华为·智能手机·华为云·云计算
容器魔方6 小时前
华为云 AgentArts 智能体评估, 驱动智能体自优化
云原生·容器·开源·华为云·云计算
童先生10 小时前
华为云、阿里云、AWS签名机制详解! AK/SK + HMAC-SHA256 签名鉴权!
算法·阿里云·华为云·云计算
大雷神2 天前
HarmonyOS APP<<古今职鉴定>>开源教程第2篇:开发环境搭建:DevEco Studio 全攻略
华为·华为云·harmonyos
容器魔方2 天前
Karmada 用户组再迎新成员 | GMI Cloud 正式加入!
大数据·云原生·容器·华为云·云计算
Elaine3363 天前
机器学习概述
人工智能·机器学习·华为云
FairGuard手游加固15 天前
双云权威认证|FairGuard游戏加固上架华为云、阿里云商店
游戏·阿里云·华为云
linkedbyte19 天前
P2P直播系统
音视频·p2p·obs·obs直播·pcdn
L·S·P20 天前
OpenCode添加第三方连接服务及模型
ai·华为云·ai编程·大模型编程·opencode
数数科技的数据干货22 天前
ThinkingAI携手华为云,共建企业级AI Agent平台Agentic Engine
人工智能·ai·华为云·agent