草庐IT

javascript - 请求在服务器上成功，但在浏览器中导致 CORS 错误

coder 2025-01-31 原文

我向 Microsoft 登录发出 HTTP POST 请求以获取用于邮件 API 的访问 token ，请求成功但代码转到我的代码的错误子句。 

requestAccessToken(code: string)
{
console.log("request access token");
if (code) {
  var headers = new Headers();
  headers.append("Content-Type", 'application/x-www-form-urlencoded');
  headers.append('Accept', 'application/json');
  var requestoptions = new RequestOptions({
    headers: headers
  });
  var body = `grant_type=authorization_code&
              redirect_uri=http://localhost:4200&
              code=`+ code + `&
              client_id=4e[................]5ab&
              client_secret=CE[..............]BC`;

  this.http.post("https://login.microsoftonline.com/common/oauth2/v2.0/token", body, requestoptions).map((res: Response) =>
  {
    console.log("response given");
    const data = res.json();
  }).subscribe( (data) => {
     console.log("The data is = " + data); 
  }, error => { 
    console.log("The error is = " + error)
  });
}

浏览器控制台显示: XMLHttpRequest 无法加载 https://login.microsoftonline.com/common/oauth2/v2.0/token .请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:4200 ' 因此不允许访问。 zone.js:2019 XHR 加载失败:POST“https://login.microsoftonline.com/common/oauth2/v2.0/token”。 outlook.service.ts:96 错误是 = Response with status: 0 for URL: null

这里有一个截图可以更好地展示它

现在真正的问题是我的请求成功了，如下所示:

响应显示我的访问 token 。那么为什么我不能从代码中获取它呢？为什么它会出现错误子句。

最佳答案

您看到的是向服务器发送跨源请求但未在响应中收到 Access-Control-Allow-Origin 响应 header 时的预期行为。

具体来说，只要您的跨源请求没有导致您的浏览器执行 preflight OPTIONS request 的特征在发出请求之前，请求将在服务器端成功 - 但是，因为服务器对该请求的响应不包含 Access-Control-Allow-Origin 响应 header ，您的浏览器阻止您的前端代码真正看到服务器发送的响应。

但是，如果您打开浏览器开发工具，您仍然可以在那里看到响应。但是仅仅因为浏览器收到了响应并且你可以在 devtools 中看到它，并不意味着浏览器会将响应暴露给你的代码。它只会在具有 Access-Control-Allow-Origin 时公开它。

这一切似乎有悖常理，但如果您还记得浏览器是强制执行跨源限制的唯一点，那么这一切都是有道理的。服务器不会阻止跨源请求。

当您发送该请求的服务器收到请求时，它不会检查来源来决定是否响应。服务器只是接受请求并处理它，然后发送响应。但随后浏览器会阻止您的代码访问该响应。

但同样重要的是要记住，浏览器不会阻止您的代码发送请求跨域。当请求具有触发浏览器执行 preflight 的质量(如特殊 header )时，浏览器只会阻止发送跨域请求。 .

因此，如果您的请求不是触发预检的请求，浏览器会发送它，而服务器会接收并处理它。如果请求方法是 POST 或其他目的是改变服务器状态的方法——在这种情况下你可能不太关心响应是什么——那么请求达到预期的程度服务器端的效果，才算成功。

但考虑一下当您实际上非常关心响应是什么时会发生什么:考虑 GET 请求会发生什么，其中发出请求的全部目的是取回响应。

如上所述，如果请求不是触发预检的请求，则浏览器发送它，服务器接收它，并返回响应。但是，如果响应不包含 Access-Control-Allow-Origin 响应 header ，您的浏览器将不允许您的前端 JavaScript 代码访问它。

很明显，因为发出 GET 请求的全部目的是对响应做一些事情，那么在这种情况下，如果您的代码无法访问响应，那将是一个艰难的、彻底的失败——在与 POST 请求的情况相反，请求主体实际上仍然按预期发布，但您只是没有办法让您的代码检查响应以查看请求是否成功.

关于javascript - 请求在服务器上成功，但在浏览器中导致 CORS 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44196915/

中导javascriptcodenoreferrernoopenerangulartypescripthttpcors

有关javascript - 请求在服务器上成功，但在浏览器中导致 CORS 错误的更多相关文章

  1. ruby - 使用 ruby​​ 和 savon 的 SOAP 服务 - 2

    我正在尝试使用ruby​​和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封，在我看来soap请求没有正确的命名空间。任何人都可以建议我

  2. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

    我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时，它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器？这是不可能的吗？谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

  3. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  4. ruby-on-rails - 启动 Rails 服务器时 ImageMagick 的警告 - 2

    最近，当我启动我的Rails服务器时，我收到了一长串警告。虽然它不影响我的应用程序，但我想知道如何解决这些警告。我的估计是imagemagick以某种方式被调用了两次？当我在警告前后检查我的git日志时。我想知道如何解决这个问题。-bcrypt-ruby(3.1.2)-better_errors(1.0.1)+bcrypt(3.1.7)+bcrypt-ruby(3.1.5)-bcrypt(>=3.1.3)+better_errors(1.1.0)bcrypt和imagemagick有关系吗？/Users/rbchris/.rbenv/versions/2.0.0-p247/lib/ru

  5. ruby-on-rails - s3_direct_upload 在生产服务器中不工作 - 2

    在Rails4.0.2中，我使用s3_direct_upload和aws-sdkgems直接为s3存储桶上传文件。在开发环境中它工作正常，但在生产环境中它会抛出如下错误，ActionView::Template::Error(noimplicitconversionofnilintoString)在View中，create_cv_url,:id=>"s3_uploader",:key=>"cv_uploads/{unique_id}/${filename}",:key_starts_with=>"cv_uploads/",:callback_param=>"cv[direct_uplo

  6. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  7. ruby - 用 Ruby 编写一个简单的网络服务器 - 2

    我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b

  8. ruby-on-rails - 在 Rails 中调试生产服务器 - 2

    您如何在Rails中的实时服务器上进行有效调试，无论是在测试版/生产服务器上？我试过直接在服务器上修改文件，然后重启应用，但是修改好像没有生效，或者需要很长时间(缓存？)我也试过在本地做“脚本/服务器生产”，但是那很慢另一种选择是编码和部署，但效率很低。有人对他们如何有效地做到这一点有任何见解吗？ 最佳答案 我会回答你的问题，即使我不同意这种热修补服务器代码的方式:)首先，你真的确定你已经重启了服务器吗？您可以通过跟踪日志文件来检查它。您更改的代码显示的View可能会被缓存。缓存页面位于tmp/cache文件夹下。您可以尝试手动删除

  9. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  10. ruby - 我的 Ruby IRC 机器人没有连接到 IRC 服务器。我究竟做错了什么？ - 2

    require"socket"server="irc.rizon.net"port="6667"nick="RubyIRCBot"channel="#0x40"s=TCPSocket.open(server,port)s.print("USERTesting",0)s.print("NICK#{nick}",0)s.print("JOIN#{channel}",0)这个IRC机器人没有连接到IRC服务器，我做错了什么？ 最佳答案 失败并显示此消息::irc.shakeababy.net461*USER:Notenoughparame

随机推荐