Axios请求已被cors阻止所请求的资源上不存在“Access-Control-Allow-Origin”标头
Axios是一个流行的基于Promise的HTTP客户端工具，用于在浏览器和Node.js中进行HTTP通信。当使用Axios发送跨域请求时，可能会遇到CORS（跨域资源共享）问题，导致请求被阻止并出现错误消息：“请求的资源上不存在“Access-Control-Allow-Origin”标头”。
这个错误是因为浏览器的同源策略限制了跨域资源的访问。同源策略要求在使用XHR（XMLHttpRequest）或Fetch API发送跨域请求时，服务器必须在响应头中包含Access-Control-Allow-Origin标头，以指示允许跨域访问的源。
要解决这个问题，可以通过以下几种方式之一：
- 服务器端配置：在服务器端添加响应头Access-Control-Allow-Origin来允许特定的源进行跨域访问。例如，在响应头中添加Access-Control-Allow-Origin: *，将允许任何源进行跨域访问。请注意，这种配置可能存在安全风险，应谨慎使用。
- 代理服务器：使用代理服务器来转发请求，绕过浏览器的同源策略限制。例如，可以设置一个反向代理服务器，将Axios请求转发到目标服务器，并在代理服务器上修改响应头，添加Access-Control-Allow-Origin。
- JSONP请求：如果目标服务器支持JSONP（JSON with Padding），可以将Axios请求转换为JSONP请求。JSONP利用<script>标签的跨域特性来获取数据，不受同源策略的限制。但是，JSONP只支持GET请求，且仅适用于返回JSON格式数据的接口。
总结起来，解决Axios请求被CORS阻止的问题可以通过服务器端配置、代理服务器或JSONP请求来实现跨域访问。具体的解决方案要根据实际情况和使用场景进行选择。
关于腾讯云相关产品和产品介绍链接地址，我将为你提供一些通用的参考链接：
- 腾讯云CVM（云服务器）：https://cloud.tencent.com/product/cvm
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云VPC（私有网络）：https://cloud.tencent.com/product/vpc
- 腾讯云数据库产品：https://cloud.tencent.com/product/db
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链服务：https://cloud.tencent.com/product/bcs
- 腾讯云音视频服务：https://cloud.tencent.com/product/maap
请注意，这些链接只是腾讯云相关产品的参考链接，具体的推荐产品还需要根据实际需求和使用场景进行选择。
相关·内容
已被CORS策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源'‘。
当尝试从google存储加载wave文件时出现此消息。我尝试了以下步骤，但不起作用，请使用gsutil cors命令在存储桶上配置CORS：
浏览 1提问于2019-08-08得票数 0
1回答
我将所有用户角色添加到JWT的角色声明中，当添加更多角色时，我得到以下错误：已被CORS策略阻止:请求的资源上不存在'Access-Control-Allow-Origin‘标头，当删除一些角色时，一切正常
浏览 8提问于2021-05-18得票数 0
1回答
‘获取的访问权限源自原点'...‘已被CORS策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明的响应满足您的需求，请将请求的模式设置为'no- CORS‘，以便在禁用CORS的情况下获
浏览 105提问于2021-03-01得票数 0
我有一个AWS lambda函数，我正在尝试使用Axios从我的web应用程序调用该函数。它一直给出错误：'http://localhost:3000‘已被CORS策略阻止:请求的资源上不存在'Access-Control-Allow-Origin’头。我正在使用serverless，并且我已经将cors:true属性添加到
浏览 4提问于2019-01-16得票数 1
回答已采纳
2回答
在条带支付网关中，这显示为错误，从源'‘对'’的访问已被CORS策略阻止:请求的资源上不存在‘Access - XMLHttpRequest -Allow- origin’标头。
浏览 2提问于2019-11-15得票数 1
1回答
我正在尝试使用CSS @font-face规则访问我托管在Dropbox上的.ttf文件。来自'‘的重定向已被CORS策略阻止:请求的资源上不存在'Access-Control-Allow-Origin’标头。因此不允许访问源'null‘。
我该如何克服这个问题呢？
浏览 0提问于2016-12-09得票数 1
我正在尝试使用Nuxt/Axios发送到Pardot表单处理程序端点。它在预取检查时被阻塞。你有什么想法来解决这个问题吗？headers: { 'Access-Control-Allow-Origin$axios.post(url, requestBody, config).then(response => {co
浏览 1提问于2021-11-04得票数 0
我正在尝试使用google云存储中的可恢复上传url在react js中上传blob，但它总是失败，并出现错误"Request failed with status Code308“和"from origin'‘已被CORS策略阻止:请求的资源上不存在'Access-Control-Allow-Origin’头。”const headers = {
浏览 15提问于2020-05-15得票数 0
我是vuejs的新手，我正在学习本教程()。当我尝试发出post请求时，我得到了这个错误(已被CORS策略阻止:对印前检查请求的响应未通过访问控制检查:请求的资源上不存在' access - control -Allow-Origin‘标头。)addtodo(newTodo){
const {title,completed}
浏览 37提问于2020-02-23得票数 0
回答已采纳
我面临着为使用Google App Engine和灵活环境托管的PHP (laravel)应用程序启用CORS支持的问题。
使用axios库的每个AJAX请求都会导致以下错误...CORS策略已阻止从源'‘访问'’处的XMLHttpRequest :请求的资源上不存在' Access -Control-Allow-
浏览 1提问于2020-10-15得票数 0
我正在尝试向ERP API发出请求，并得到以下响应： CORS策略阻止了从源'http://connector.test‘在'http://ip:8082/auth’对XMLHttpRequest的访问:对印前检查请求的响应未通过访问控制检查:请求的资源上不存在' Access - control -Allow- ori
浏览 884提问于2021-01-09得票数 1
“已被CORS策略阻止:对印前检查请求的响应未通过访问控制检查:请求的资源上不存在' access - control -Allow-Origin‘标头。”当api被角度部分击中时得到此消息，但当邮递员击中端点时获得正确的响应。
浏览 13提问于2020-10-19得票数 2
Ajax的CORS问题错误：
从源“XMLHttpRequest”到“”(从“”重定向)的访问已被CORS策略阻止:对飞行前请求的响应不通过访问控制检查:请求的资源上不存在“访问控制-允许-原产地”标头
浏览 3提问于2021-10-21得票数 0
我在Ubuntu上使用Vapor作为后端，Next.js作为前端，我想这样访问数据库： let cq = { }; },
}).catch((err) => console.error(err)); 我得到了这样的响应: CORS策略阻止了从源'http:&
浏览 241提问于2021-11-23得票数 1
回答已采纳
2回答
问题是这个函数被CORS阻塞了：我还在Firebase中主持了一个项目。但它也不起作用。被相同的错误阻塞。我的服务器代码：
const cors = require('cors')
浏览 0提问于2019-10-16得票数 2
我已经配置了CORSConfiguration，但是当我请求一些资源时，它不工作。它报告"......has已被CORS策略阻止:对印前检查请求的响应未通过访问控制检查:请求的资源上不存在' access - control -Allow-Origin‘标头。
浏览 3提问于2019-12-03得票数 0
为什么我首先得到这个CORS，然后Post请求自动转换为选项， 'Content-Type': 'application/json;charset=UTF-8',
"Access-Control-Allow-Origin": "*&qu
浏览 8提问于2019-10-25得票数 0
回答已采纳
我正在尝试使用认知用户池来授权Lambda代理集成资源的API网关请求。
从原始客户端到XMLHttpRequest的401访问已被CORS策略阻止:请求的<e
浏览 0提问于2019-04-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
