无法解决请求的资源上不存在“Access-Control-Allow-Origin”标头
这个问题涉及到跨域资源共享（Cross-Origin Resource Sharing，简称CORS）的概念和解决方法。
CORS是一种机制，用于允许在一个域名下的网页向另一个域名下的服务器发送跨域请求。当浏览器发起跨域请求时，服务器需要在响应头中添加"Access-Control-Allow-Origin"标头，以指定允许访问的域名。
分类： CORS可以分为简单请求和非简单请求两种类型。简单请求满足以下条件：使用GET、POST、HEAD方法之一；只使用了允许的请求头（如Accept、Content-Type等）；Content-Type的值仅限于下列三者之一：application/x-www-form-urlencoded、multipart/form-data、text/plain。非简单请求则不满足上述条件。
优势： CORS机制可以有效保护用户的隐私和安全，防止恶意网站进行跨域请求获取用户敏感信息。同时，它也促进了不同域名之间的数据交互和资源共享，提高了开发效率和用户体验。
应用场景： CORS机制广泛应用于前后端分离的Web应用中，特别是当前流行的单页应用（SPA）开发中。它允许前端应用从不同的域名下请求数据，实现数据的获取和展示。
推荐的腾讯云相关产品： 腾讯云提供了一系列与CORS相关的产品和服务，如CDN加速、API网关、云函数等，可以帮助开发者解决跨域请求的问题。
- 腾讯云CDN加速：通过配置CDN加速域名，可以实现跨域资源的缓存和加速，提高网站的访问速度和稳定性。详情请参考：腾讯云CDN加速
- 腾讯云API网关：API网关可以作为前后端分离架构中的中间层，实现跨域请求的代理和转发，同时提供了丰富的安全策略和流量控制功能。详情请参考：腾讯云API网关
- 腾讯云云函数：云函数可以作为后端服务，提供跨域请求的处理逻辑，通过编写函数代码实现对请求头的处理和响应头的添加。详情请参考：腾讯云云函数
总结： CORS是一种用于解决跨域请求的机制，通过在服务器响应头中添加"Access-Control-Allow-Origin"标头来允许特定的域名访问资源。腾讯云提供了多种相关产品和服务，如CDN加速、API网关、云函数等，可以帮助开发者解决跨域请求的问题。
相关·内容
我正在尝试在angularjs.However中创建一个搜索应用程序，我得到了下面的错误。有人能帮帮忙吗。
AddrBook.html:1 XMLHttpRequest无法加载。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源'null‘。
谢谢斯里卡拉
浏览 0提问于2015-10-15得票数 0
我想测试我的网页从本地主机，其中包含get api，这是主机在远程服务器。当我执行这个页面时，我在控制台中得到了这个错误。
XMLHttpRequest无法加载。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源'‘。我在这里使用ajax调用来获得json共鸣。
function LoadChart() {
$.ajax({
url: 'http://abcsoftwares.in/mymethod/get',
type: 'GET',
浏览 0提问于2016-10-20得票数 0
不管我做什么，我都会得到这个。它不会发生在GET的正上方。
Java Spark：
package controllers;
import static spark.Spark.*;
import action.EmailReader;
import data.ActionReply;
import db.ActionsTable;
import spark.Request;
import spark.Response;
import spark.Route;
import utilities.JsonUtil;
import utilities.Tools;
public class
浏览 34提问于2020-04-04得票数 1
1回答
我的字体超赞图标可以在Firefox和Safari中加载，但不能在Chrome中加载。
在清除浏览器缓存并重新启动/重新加载apache之前，我已经在and服务器的.htaccess文件中添加了以下行：
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
这就是inspect告诉我的：
Font from
浏览 0提问于2016-05-15得票数 0
1回答
我面临着与跨域Access-Control-Allow-Origin put 调用相关的问题，我已经允许服务器端的仍然不能工作。
@PUT
@Path("/getresponse/{caller}")
@Produces({MediaType.APPLICATION_JSON})
public Response getResponseData(@PathParam("caller") String caller ,@QueryParam("ticket")String ticket ,@FormParam(
浏览 1提问于2015-12-21得票数 0
回答已采纳
XMLHttpRequest无法加载http://example.com/test.php.请求的资源上不存在Access-Control-Allow-Origin标头。因此不允许访问源http://eample.com。
如何解决这个问题。我在该php文件中添加了以下标头：
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Headers:
浏览 16提问于2017-08-30得票数 1
我试图通过XMLHttpRequest获取内容：
var url = 'http://mapy.geoportal.gov.pl/wss/service/SLN/guest/sln/woj.json'
if (XMLHttpRequest) {
var request = new XMLHttpRequest();
if ('withCredentials' in request) {
request.open('GET', url, true);
request.withCredenti
浏览 5提问于2016-03-12得票数 1
我已经在web api中启用了CORS，当发出未经授权的请求时，我能够用正确的状态码捕获jquery ajax调用中的错误。但是我发现如果控制器中不存在某个名称的方法，那么我就不能在ajax调用中捕获404错误。返回以下错误
选项" {url}“404 (未找到) jquery.js:9666 XMLHttpRequest无法加载{url}。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源'null‘。
我认为这是cors的问题，当方法不存在时，cors没有添加头部。有没有办法解决这个问题？
浏览 2提问于2014-04-28得票数 0
我收到了一个奇怪的错误：vue-resource.common.js Uncaught TypeError: str.replace is not a function，它似乎与我为获取一些数据而进行的ajax调用有关：
export default {
data: () => ({
recipes: []
}),
ready() {
this.$http.get('http://localhost:3000/recipes', {
headers: {
'Access-Con
浏览 4提问于2016-10-18得票数 8
回答已采纳
我是Symfony的新手，并且试图修复一个bug。在通过插入数据时，请求的资源错误上出现了访问控制允许源标头。
这是一个restful，它以给定的格式发送数据：
{"default_runs":["24"],"date":1451932200,"driver":107}
控制器
public function postScheduleAction(Request $request)
{
$user = $this->getUser();
$user_id = $user->getId();
浏览 2提问于2016-01-05得票数 0
回答已采纳
我目前正在尝试在我的个人应用程序中从一个私有的Dailymotion频道中检索视频。
为此，我尝试使用grant_type方法验证Dailymotion API : password。
下面是我的POST请求：
xhr.open('POST', 'https://api.dailymotion.com/oauth/token', true);
xhr.setRequestHeader('Content-Type', 'multipart/form-data');
xhr.onload = function(e) {
con
浏览 0提问于2018-02-15得票数 2
我有一个用来生成的Vue应用程序 选项。我在试着做一个 请求 但我得到了错误： 无法加载XMLHttpRequest ..。对印前检查请求的响应未通过访问控制检查:请求的资源上不存在“access - control -Allow-Origin”标头。起源‘ ‘是不允许访问的。 我正在使用vue-resource，并添加了： Vue.http.headers.common['Access-Control-Allow-Origin'] = '*' 这没有效果。 我还在 选项中的 devServer: {
historyApiFallback: true,
浏览 59提问于2017-05-29得票数 10
回答已采纳
1回答
我正在尝试从位于这里的公共Deezer Api获得数据：。
为了获取这些数据，我使用了RTK-Query，如下所示(然后使用从每个端点获得的钩子在我的组件中使用它)：
export const deezerApi = createApi({
reducerPath: 'deezerApi',
baseQuery: fetchBaseQuery({ baseUrl: 'https://api.deezer.com/',
mode: "cors", ==> enable cors here
prepareHea
浏览 5提问于2022-05-28得票数 1
我想在我的控制器在ASP网站上启用CORS。教程显示，我必须更改WebApiConfig.cs并添加一行config.EnableCors();。
问题是我没有这个文件。我关闭的是RouteConfig.cs，那么在我的项目中在哪里启用CORS呢？
我在web.config文件中添加了以下部分
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
</customHeader
浏览 1提问于2016-12-29得票数 0
1回答
我在我的Nginx中有这个配置
server {
listen 8080;
add_header Access-Control-Allow-Origin *;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
}
现在我有了我的web应用程序，它为GET和POST提供GET，它工作得很好，但是如果我执行Ajax
浏览 0提问于2016-03-11得票数 8
1回答
当Access-Control-Allow-Origin:设置为空时会发生什么？因为它期望的是domain.com或*。
浏览 1提问于2017-02-17得票数 3
回答已采纳
2回答
我试图通过AWS网关从我的客户端(javascript/browser)向我的API (python/烧瓶)发出一个$ajax请求(POST)。但是，我得到了一个错误：No 'Access-Control-Allow-Origin'。
当我从postman请求我的API时，我没有问题。
我无法在我的客户端在ajax中启用选项jsonp，因为它根本不工作。
因此，我尝试在API上启用cors，但是我的路由是一个http proxy integration (方法任意)，所以根据AWS，我必须在应用程序本身中启用Cors。所以，我做到了，但这并没有解决问题。
在我的python/烧
浏览 5提问于2022-05-26得票数 -3
1回答
我正在尝试将来自亚马逊S3服务器的图像通过我的节点服务器，同时向响应添加自定义标头。
但是现在，服务器会响应一个普通的“文档”，它将下载到我的计算机上，没有声明任何文件扩展名。“文档”仍然包含所需的图像数据，但是我如何才能确定这是一个可以在我的浏览器中查看的PNG？
下面是我当前的代码：
app.get('/skin', function (req, res) {
res.writeHead(200, {'Content-Type': 'image/png', 'access-control-allow-origin':
浏览 3提问于2013-07-15得票数 0
回答已采纳
1回答
我正在努力克服这个错误。
cors error header disallowed by preflight response
尝试了几乎所有可能的组合，但是chrome不断抛出此错误。
我从php中尝试过这些头文件
// header('Access-Control-Allow-Origin: stylishgames.myshopify.com');
header('Access-Control-Allow-Origin: *');
// header('Access-Control-Allow-Method
浏览 4提问于2021-04-02得票数 5
我正在使用Amplify，并将我的API Gateway代理到Lambda。我已经在我的/{proxy+}上启用了CORS并部署了应用程序接口。在我的Lambda函数中，我在我的简单函数中设置了适当的头：
import json
def handler(event, context):
print("received event:")
print(event)
return {
"statusCode": 200,
"headers": {
"Access
浏览 16提问于2020-04-14得票数 7
我想在reactjs组件中使用/data/todo.js文件。我使用了axios http请求来获取我的react组件中的数据，即，
import React, { Component } from 'react';
import axios from 'axios';
class TodoList extends Component {
componentWillMount() {
var config = {
headers: {
"Access-Control-Al
浏览 0提问于2018-04-12得票数 0
回答已采纳
突然，在我的web应用程序中似乎没有任何改变，当我在Chrome中打开它时，我开始收到CORS错误。我尝试添加Access-Control-Allow-Origin: *标头。然后我得到了这个错误：
XMLHttpRequest cannot load http://localhost:9091/sockjs-node/info?t= 1449187563637. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag
浏览 0提问于2015-12-04得票数 20
回答已采纳
1回答
在我的服务器上(用Go编写)，当我进行ajax调用时，我将返回一个自定义头字段，我试图从中读取该字段。
$.ajax({
url: url,
success: function(data, status, request) {
console.log("Custom field: " + request.getResponseHeader('Custom-Header'));
// doing stuff with data
}
});
响应
HTTP/1.1 2
浏览 4提问于2015-08-10得票数 2
回答已采纳
1回答
我正在尝试用chrome控制台来调试我的request，我想从request发送一个get请求到本地服务器。我试过以下几种方法：
$http = angular.element($0).injector().get('$http');
$base64 = angular.element($0).injector().get('$base64');
var auth = $base64.encode("user:passwd");
var authHeaders = {"Authorization": "Basic
浏览 2提问于2017-05-17得票数 0
我有一个带有servlet的Glassfish 4 atm服务器(运行本地atm进行测试)，需要能够使用Javascript从不同的域请求字符串。
为了寻找解决方案，人们建议在我的web服务器上启用CORS，方法是创建过滤器类(实现ContainerRequestFilter和ContainerResponseFilter)。我尝试过创建这样一个类，但是客户端仍然得到相同的错误；“请求的资源上没有”访问控制-允许-原产地“头”。
我做错了什么？
代码：
类: CrossDomainFilter.java
package server;
import java.io.IOException;
浏览 2提问于2014-05-30得票数 2
回答已采纳
1回答
我的ajax请求如下所示：
$.ajax({
url: self.opts.url.replace('//www.', '//'),
type: 'POST',
...
});
我把那个.replace放进去只是为了确认。因为我在opts.url中的网址是"http://website.com/admin/upload-image/123"。但是我不能上传图片，因为我在控制台中得到一个错误：XMLHttpRequest cannot load http://www.website.com/. No '
浏览 11提问于2017-01-23得票数 0
1回答
场景
我们有一些由第三方CMS服务托管的Javascript，我们在我们控制的服务器上有一些数据。当用户通过浏览器访问内容管理系统(并执行我们的Javascript)时，我们希望向我们的服务器发出跨域GET请求，并让服务器使用正确的Access-Control-Allow-Origin头进行响应，以便浏览器接受响应。
问题
当我们检查从内容管理服务器到我们的服务器的请求时，请求的Origin头被设置为null。因此，除了*之外，我们不能为Access-Control-Allow-Origin设置一个值来使浏览器接受响应。我们不太确定为什么这个值是null。JS是在一个我们无法完全控制的环境中执
浏览 13提问于2017-02-11得票数 0
4回答
我已经在Yammer中设置了一个应用程序，并添加了Javascript源，但仍然无法发出xhr请求
XMLHttpRequest cannot load https://www.yammer.com/platform/login_status.json?client_id=123456789&_=123456789. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://example.com.dev:9000' is th
浏览 0提问于2014-07-22得票数 0
2回答
调用用php编写的webservice和ajax调用会导致函数出错。
<script>
$(document).ready(function(){
alert('ajax');
$.ajax({
type: "GET",
dataType: "json",
// crossDomain: true,
浏览 1提问于2014-12-26得票数 0
我在apache have服务器上启用了Access-Control-Allow-Origin。我能够在第一次加载时加载所有请求。然而，随后的页面加载/刷新将使一半的请求失败，留下一个错误，
XMLHttpRequest cannot load http://***. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
在Chrome
浏览 0提问于2016-09-16得票数 0
3回答
我得到了一个错误：
XMLHttpRequest cannot load http://www.scirra.com/handlers/arcadeProcessScore.ashx. Origin http://static1.scirra.net is not allowed by Access-Control-Allow-Origin.
在arcadeProcessScore.ashx上，我有这样的代码：
public void ProcessRequest (HttpContext context) {
context.Response.AppendHeader("A
浏览 3提问于2012-08-15得票数 4
回答已采纳
2回答
我有一个html表单，在我的本地机器上工作没有问题。当我上传它时，它也可以工作，但不会显示成功消息。这是我正在使用的脚本：
<script>
$(document).ready(function() {
// validate signup form on keyup and submit
$("#_form_1033").validate({
submitHandler: function(form) {
$.ajax({
url: form.action,
type: f
浏览 1提问于2015-04-30得票数 0
2回答
跨子域请求
、、
我有两个URL：
一个是应用程序URL = ，另一个是应用程序API URL =
如何让应用程序能够从不同子域的api请求内容。
我已经尝试将Access-Control-Allow-Origin：*放在两端，但没有成功。
谢谢
浏览 2提问于2012-06-23得票数 8
回答已采纳
在我的应用程序中，从URL收集json值时遇到了问题。当我尝试获取它们时，控制台中显示了一个错误日志，指出access-control-allow-origin不允许源。
我研究了一下，发现响应头必须设置为Access-Control-Allow-Origin：*
我如何使用纯javascript来做到这一点呢？没有jquery或任何其他库。
这是我当前的代码：
<script type="text/javascript">
var xmlHttp = null;
xmlHttp = new XMLHttpRequest();
xmlHttp
浏览 0提问于2013-08-01得票数 5
回答已采纳
1回答
我想将数据从角4发送到，但我无法发送，因为无法通过访问控制。我想用java servlet将数据插入到db。
这是我的代码前端: data.service.ts
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Headers, RequestOptions, ResponseOptions } from '@angular/http';
import { Observable
浏览 3提问于2017-09-09得票数 0
回答已采纳
1回答
我在访问后端服务器提供的自定义respoone报头时遇到了问题。服务器是用Go编写的。我试图使用axios作为我的HTTP客户端来访问它。我可以在chrome开发工具控制台中看到标题，但我无法通过axios访问标题。
chrome工具响应头。我想把x-**-标记放在底部
我可以通过axios访问标头(cors已启用)
但是，当我在禁用cors的情况下运行chrome时，我可以通过axios访问标题：
open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data
浏览 1提问于2019-10-07得票数 0
回答已采纳
2回答
我目前正在向一个API端点提交网页上的AJAX请求，API端点在Chrome和Firefox中工作，但在IE中不起作用。
我在IE的开发工具中获得的错误消息是：
SEC7123: Request header x-custom-header was not present in the Access-Control-Allow-Headers list.
SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.
查看飞行前选项请求，以下是一些标题：
Origin: http://www.example.org
浏览 2提问于2018-08-15得票数 9
回答已采纳
我得到了我的roku远程控制脚本的网络控制台错误。javascript如下所示：
<script>
function rokuSend(RokuAccess) {
xhr = new XMLHttpRequest();
xhr.onload=function() { alert(xhr.responseText); }
xhr.open("POST", RokuAccess);
xhr.send();
}
function rokuKeySend(keyVal) {
rokuS
浏览 1提问于2020-12-09得票数 1
1回答
我无法让fetch() API工作。我有种强烈的感觉，我做的事情不对。
我有一个运行在端口3005上的简单快速服务器，它以json格式返回数据，还有一个运行在端口3000上的react.js客户端。
我使用fetch()向http://localhost:3005/api发出GET请求，但在控制台上获取这些消息
跨源请求被阻止:相同的原产地策略不允许在上读取远程资源。(原因: CORS标题“访问-控制-允许-起源”丢失)。
TypeError:尝试获取资源时的NetworkError。
我添加了一个标题，并阅读了类似的问题，但我仍然无法使它工作，我仍然收到相同的信息。
我做错了什么？(
浏览 0提问于2018-02-09得票数 2
回答已采纳
我试图从我的应用程序向Tomcat服务器发送一个Ajax请求，但是我得到了这个错误(我的web应用程序在Chrome上运行)：
对印前检查请求的响应未通过访问控制检查:请求的资源上不存在“access - control -Allow-Origin”标头。因此不允许访问源'null‘。响应的HTTP状态代码为403。
我试过使用
'Access-Control-Allow-Origin' : 'http://localhost:8080/app',
但它并没有起作用。
我的Ajax代码：
var arr = [1];
$.ajax({
浏览 38提问于2015-11-20得票数 57
回答已采纳
在Laravel Lumen 5.1中，我在我的CorsMiddleware中使用了这个：
public function handle($request, \Closure $next)
{
$response = $next($request);
$response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, PATCH, DELETE');
$response->header('Access-Control-Allow-Header
浏览 8提问于2016-02-15得票数 2
3回答
通过带有JSON数据的Angularjs $http向我的REST服务发送请求。返回响应时，所需的标头设置如下：
Response.ok()
.entity(emp)
.headers.add("Access-Control-Allow-Origin", "*")
.headers.add("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT")
.allow("OPTIONS").build();
但当我在没有数据的情况下发送邮件请求，
$http.pos
浏览 5提问于2016-05-04得票数 0
回答已采纳
试图理解CORS --我不明白为什么忽略头access-control-allow-origin *与从一开始就忽略它是不同的。
我不打算使用*，但请解释通配符是如何与access control allow origin完全不同地处理请求的。
浏览 0提问于2019-04-19得票数 1
回答已采纳
我有一个为mywebsite.com和app.mywebsite.com服务的rails API，它配置了rack-cors，允许我从两者发出请求。应用编程接口位于api.mywebsite.com。 如果我从mywebsite.com调用端点，一切都会正常工作。但是，如果我随后从app.myswebsite.com发出相同的调用，则会得到错误： Access to fetch at 'https://api.mywebsite.com/api/v1/endpoint' from origin 'https://app.mywebsite.com' has b
浏览 75提问于2021-10-22得票数 1
回答已采纳
我收到这个错误，但是CORS所需的一切都是在Node.js服务器上定义的。
我使用的是localhost:3000
前端代码：
jQuery.ajax({
type : "GET",
url : "http://testing.com/iverse.json",
success : function(result) {
console.log("here is the result===",result);
}
});
标头的Node.js代码
app.use(function (
浏览 2提问于2016-07-05得票数 0
我有很多关于AJAX调用CORS的解决方案，但我仍然无法从其他服务器获得XML数据。
这是控制台注意事项：
XMLHttpRequest无法加载url.xml。请求的资源上没有“访问-控制-允许-原产地”标题。因此，“”源是不允许访问的
下面是来自：部分的说明:来自jQuery的CORS，这是我尝试的代码：
$.ajax({
type:'GET',
url:'http://www.someurl.xml',
contentType:'text/plain',
xhrFields:{
withCred
浏览 6提问于2015-04-20得票数 1
我有一个firebase函数，当我在本地机器上运行它时，它工作得非常好。它会发一封电子邮件。这是代码：
exports.sendEmail = functions.https.onRequest((req, res) => {
const msg = req.query
return sgMail.send(msg)
.then(mailResponse => {
return cors(req, res, () => {
res.status(200).send(mailResponse)
})
})
浏览 0提问于2019-09-10得票数 1
我在一个EC2实例中托管了一个网站，并使用http://ec2... url访问该页面。该页面向托管在同一实例上的另一个webapp发出ajax请求。如果我访问通过ZScaler代理的页面，我会在chrome上得到XMLHttpRequest cannot load异常。这是因为当通过代理时，源url被改变。
我尝试添加头文件Access-Control-Allow-Origin，也尝试添加JSONP。但都不管用。
关于ArunDhaJ
浏览 5提问于2014-04-16得票数 7
1回答
我想从另一个领域获得一个使用javascript或PHP的文本。然而，当我尝试访问另一个域时，它给了我一个错误。我尝试了这段代码：
$.ajax({
url:'http://www.corsproxy.com/' +
'en.wikipedia.org/wiki/Briarcliff_Manor,_New_York',
type:'GET',
success: function(data){
$('#content').html($(data).find
浏览 0提问于2018-03-14得票数 0
使用webpack运行开发服务器，我试图在S3桶中列出项目，并在浏览器中使用javascript aws来控制结果。
这样做时，我会得到以下错误：
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://bucketname.s3.amazonaws.com/?list-type=2&max-keys=2. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
但是，我在w
浏览 4提问于2017-12-02得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
