当前位置: 首页 > 面试题库 >

获取请求未通过访问控制检查:所请求的资源上不存在“ Access-Control-Allow-Origin”标头

吴西岭
2023-03-14
问题内容

我正在尝试从我的应用程序向Tomcat服务器发送Ajax请求,但出现此错误(我的Web应用程序正在Chrome上运行):

对预检请求的响应未通过访问控制检查:在所请求的资源上不存在“ Access-Control-Allow-
Origin”标头。因此,不允许访问原始“空”。响应的HTTP状态码为403。

我尝试使用

'Access-Control-Allow-Origin' : 'http://localhost:8080/app',

但这没用。

我的Ajax代码

 var arr = [1];
   $.ajax({ 
   url: 'http://localhost:8080/app',
   type: 'POST',
   contentType:'application/json',
   headers: {
   'Access-Control-Allow-Origin' : 'http://localhost:8080',
   },
       data: JSON.stringify(arr[0]),
       success: function(data){
        //On ajax success do this
             alert(data);
          }
     });

问题答案:

基本上,要发出跨域AJAX请求,请求的服务器应允许资源的跨源共享(CORS)。您可以从这里阅读有关此内容的更多信息:http
:
//www.html5rocks.com/en/tutorials/cors/

在您的方案中,您要在客户端中设置标头,而实际上需要将标头设置为http:// localhost:8080 /
app服务器端代码。

如果使用的是PHP Apache服务器,则需要在.htaccess文件中添加以下内容:

Header set Access-Control-Allow-Origin "*"


 类似资料:
  • 我试图从应用程序向Tomcat服务器发送一个Ajax请求,但我得到了这个错误(我的web应用程序运行在Chrome上): 对preflight请求的响应未通过访问控制检查:请求的资源上没有“access-control-allow-origin”标头。因此不允许访问源“null”。响应的HTTP状态代码为403。 我试过使用 但没有奏效。 我的Ajax代码:

  • 我是AWS的新手,所以请耐心等待我:( 我目前正在制作一个具有上传照片功能的Web应用程序。我想将这些照片保存在S3存储桶中,并在我的数据库中保存对它们的引用。我目前正在遵循本指南:http://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html 但是,我已经完成了指南中所述的一

  • 问题内容: 我尝试在jQuery AJAX请求中发送请求。 但是,无论我尝试过什么, 我尝试了所有操作,从使用AJAX而不是jQuery 添加定义到AJAX请求,甚至设置为,甚至下载了一个启用CORS的插件-但没有任何帮助。 如果我尝试访问任何其他站点,也会发生同样的情况。 有任何适当且简单解决方案的想法吗?有没有? 问题答案: 这是设计使然。您不能使用XMLHttpRequest向另一台服务器发

  • 我需要发送数据通过从JavaScript到Python服务器。因为我在使用localhost,所以我需要使用CORS。我正在使用Flask框架及其模块。 作为JavaScript,我有以下几点: 和Python代码: 但是当我执行它时,我会得到这样的信息: XMLHttpRequest无法加载localhost:5000/signin.请求的资源上不存在访问控制允许起源标头。因此,不允许访问源'n

  • 问题内容: 我有一个在服务器上运行的API,并且有一个与之连接的前端客户端来检索数据。我对跨域问题进行了一些研究,并使其起作用。但是我不确定发生了什么变化。我现在在控制台中收到此错误: XMLHttpRequest无法加载https://api.mydomain/api/status。所请求的资源上没有“ Access-Control-Allow-Origin”标头。因此,不允许访问源“ http

  • 问题内容: 实际上,这不是 重复的 帖子,我知道在stackoverflow社区中多次问过的标题的一部分,我阅读了所有帖子和答案,但是我认为我使用的问题和技术是不同的。 首先,我应该提到的是我的后端应用程序,也是我的前端应用程序。 我读了一下,发现必须在App 上启用并放入 请求的标头,但是在调用api时仍然出现以下错误: 所请求的资源上没有“ Access-Control-Allow-Origi