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

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

相关推荐
zhangfeng113318 小时前
华为云 MaaS GLM-5.2 完整指南(踩坑实录)
人工智能·华为云·ai编程
大雷神2 天前
HarmonyOS APP<<古今职鉴定>>开源教程第13篇:隔空投送:ShareKit 分享服务
华为·华为云·harmonyos
wxchyy2 天前
手把手教你入门云计算(二):这些技术改变了世界,你也能轻松掌握
hadoop·阿里云·docker·云原生·华为云·云计算·运维开发
聚搜云——JuSouClouD3 天前
重庆华为云代理商:GPU加速云服务器和普通ECS有什么区别?AI、渲染和计算场景怎么选
服务器·人工智能·华为云
故乡dee云11 天前
华为云国际服务器连不上怎么办?安全组、端口、IP 和网络排查方法
服务器·网络·华为云
行者-全栈开发16 天前
用华为云码道 CodeArts 治理一个 13 模块医院集成平台:架构、开发过程与 16 个自定义 Skill 的设计得失
华为云·华为云码道·codearts 代码智能体·自定义 skill 技能·rule 工程规范·医院 hrp 集成平台·mvc 分层架构治理
云老大-阿里云国际站代理商17 天前
华为云国际站代理商:大文件上传容易中断,如何使用OBS分段上传实现断点续传
华为云
启雀AI18 天前
AI 驱动的视频课程自动摘要与知识点提取:ASR + LLM 流水线工程实践
人工智能·阿里云·华为云·音视频·培训saas平台
mengpp_12345620 天前
物联网云平台可以离线使用吗?摒弃云端依赖,工业现场离线自动化解决方案
运维·物联网·自动化·华为云
爱吃鱼的喵️25 天前
华为云腾讯云阿里云哪个好:华为云、腾讯云、阿里云对比分析
阿里云·华为云·腾讯云