阿里oss 上传的字体 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

时间: 2023-11-14 19:12:47 浏览: 25
这个错误提示表明阿里云OSS上传的字体被CORS策略阻止了,因为服务端拒绝了跨域访问。解决这个问题的方法是在服务端设置CORS头,允许特定的域名访问资源。可以使用response.setHeader()方法来设置CORS头,例如:response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080/")。这样就可以允许来自http://localhost:8080/的请求访问资源了。
相关问题

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 阿里云oss

这个问题是由于阿里云OSS服务没有设置CORS导致的。要解决这个问题,需要在阿里云OSS服务中设置CORS规则。具体步骤如下: 1. 登录阿里云OSS控制台,选择需要设置CORS规则的Bucket。 2. 进入Bucket的“基础设置”页面,找到“跨域资源共享(CORS)”选项,点击“设置”按钮。 3. 在“跨域资源共享(CORS)”页面中,点击“添加规则”按钮。 4. 在“添加规则”页面中,根据需要设置CORS规则,包括“允许的来源”、“允许的方法”、“允许的Header”、“暴露的Header”和“缓存时间”等。 5. 点击“确定”按钮保存CORS规则。 设置完CORS规则后,就可以解决“has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”问题了。

阿里云OSS No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题解决

阿里云OSS No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题通常是由于跨域问题引起的。解决方法如下: 1.在OSS控制台中配置跨域规则。具体步骤如下: - 登录OSS控制台,选择对应的Bucket。 - 在左侧导航栏中选择“跨域设置”。 - 单击“添加规则”,输入跨域规则,例如: ```xml <CrossDomain> <AllowedOrigin>http://www.example.com</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <AllowedHeader>*</AllowedHeader> <ExposeHeader>x-oss-test</ExposeHeader> <MaxAgeSeconds>100</MaxAgeSeconds> </CrossDomain> ``` - 单击“确定”保存设置。 2.在代码中设置请求头。具体步骤如下: - 在发送请求前,设置请求头,例如: ```javascript xhr.setRequestHeader('Access-Control-Allow-Origin', '*'); ``` 3.使用代理服务器。具体步骤如下: - 在自己的服务器上设置代理服务器。 - 在代理服务器上发送请求,然后将结果返回给客户端。

相关推荐

最新推荐

recommend-type

静态文件访问不到报No Access-Control-Allow-Origin处理办法

静态文件访问不到报No 'Access-Control-Allow-Origin' header is present on the requested resource处理办法
recommend-type

vue页面使用阿里oss上传功能的实例(一)

本篇文章主要介绍了vue页面使用阿里oss上传功能的实例(一),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
recommend-type

Android 阿里云OSS文件上传的实现示例

主要介绍了Android 阿里云OSS文件上传的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
recommend-type

React实现阿里云OSS上传文件的示例

阿里云 OSS 是 阿里云提供的海量、安全、低成本、高可靠的云存储服务,提供 99.9999999999%的数据可靠性(号称)。能够使用 RESTful API 可以在互联网任何位置存储和访问,支持容量和处理能力弹性扩展。 基本术语 1....
recommend-type

java实现上传文件到oss(阿里云)功能示例

主要介绍了java实现上传文件到oss(阿里云)功能,结合实例形式详细分析了java上传文件到阿里云的具体步骤、配置及相关实现技巧,需要的朋友可以参考下
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

SPDK_NVMF_DISCOVERY_NQN是什么 有什么作用

SPDK_NVMF_DISCOVERY_NQN 是 SPDK (Storage Performance Development Kit) 中用于查询 NVMf (Non-Volatile Memory express over Fabrics) 存储设备名称的协议。NVMf 是一种基于网络的存储协议,可用于连接远程非易失性内存存储器。 SPDK_NVMF_DISCOVERY_NQN 的作用是让存储应用程序能够通过 SPDK 查询 NVMf 存储设备的名称,以便能够访问这些存储设备。通过查询 NVMf 存储设备名称,存储应用程序可以获取必要的信息,例如存储设备的IP地址、端口号、名称等,以便能
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。