Angular 2中的Fetch.js抱怨CORS请求

是因为浏览器的同源策略限制了跨域请求。CORS（跨域资源共享）是一种机制，允许服务器在响应中设置一些特殊的HTTP头，从而允许跨域访问资源。

在Angular 2中，可以通过设置请求头来解决CORS问题。具体步骤如下：

在Angular项目中，找到使用Fetch.js进行请求的代码段。
在请求的头部中添加以下内容：headers: new Headers({ 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' // 允许所有域名访问 })这里的Access-Control-Allow-Origin头部设置为*表示允许所有域名访问，你也可以根据实际需求设置具体的域名。
如果需要发送带有身份验证信息的请求，还需要添加以下内容：credentials: 'include'这样可以确保在跨域请求中发送身份验证信息。

需要注意的是，以上解决方案只适用于服务器已经正确配置了CORS的情况下。如果服务器没有正确配置CORS，你需要联系服务器管理员进行配置。

推荐的腾讯云相关产品：腾讯云API网关。腾讯云API网关是一种全托管的API服务，可以帮助开发者轻松构建、发布、运维、监控和安全保护API。它提供了跨域资源共享（CORS）的配置选项，可以帮助解决CORS问题。你可以通过以下链接了解更多关于腾讯云API网关的信息：腾讯云API网关产品介绍

希望以上信息能对你有所帮助！

Angular 2中的Fetch.js抱怨CORS请求

javascript、angular、express

我模糊地按照快速入门教程在一个与expressjs后端通信的应用程序中设置和使用angular 2。我列举了一些依赖问题，并解决了大多数问题，但我被卡住了。我遇到的错误是： Fetch API cannot load npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.jsURL scheme must be "http" or "https" for <e

浏览 4提问于2017-02-05得票数 2

回答已采纳

2回答

如何在使用fetch时解决CORS错误

javascript、html、ajax、html5-canvas、fetch

.then(data => { })Error Message:(匿名)@ fetch.js:1 CORS策略阻止了对从源'‘获取'’的index.html:1访问:请求的资源上不存在' Access -Control-Allow- origin‘如果不透明的响应满

浏览 1提问于2019-10-26得票数 0

1回答

如何在前端使用HttpOnly jwt cookie

express、vue.js、cookies、jwt、cookie-httponly

从HttpOnly cookie中获取JWT后，存储JWT的最佳实践是什么？既然我已经从后端传递了cookie，我甚至还需要将它存储在某个地方吗？我知道本地存储是不安全的。我不知道这是否重要，但我在上提供我的Vue应用程序，我在上使用Node/Express运行我的后端应用程序。

浏览 6提问于2020-09-18得票数 0

1回答

在JavaScript中发送带有fetch请求的cookies有困难

javascript、cookies、express

我有两个独立的服务，一个是SPA单页应用程序，另一个是API，我正在尝试使用新的fetch特性从React到express进行通信。由于这两个服务位于不同的域，因此我在express应用程序中使用CORS中间件，以便从SPA向应用程序编程接口发出请求。例如，我正在尝试使任何fetch请求都包含cookies，这样我就可以在express应用程序中验证cookiesfetch('http://localhost:8000/hello&#

浏览 1提问于2015-04-16得票数 11

回答已采纳

1回答

CORS滤波器缺少角度

angularjs

在我的Angular客户机中，我调用了另一个应用程序URL，它将返回一个JSON对象。当我在IE11中尝试时，它工作得很好，但在火狐和Chrome中，我得到:跨源请求被阻止:同源策略不允许读取远程资源(原因: CORS头‘访问-控制-允许-源’缺失)。我尝试在报头中添加Access-Control-Allow-origin，但启动get CORS请求失败。我如何在我的angular 1.5应用程序中处理这种情况？

浏览 2提问于2016-08-19得票数 0

2回答

只有在通过http请求调用图像url时，才会出现cors错误，但除此之外，所有api都工作得很好。

angular、ionic-framework

只有在通过http请求调用图像url时，才会出现cors错误，但除此之外，所有的apis都工作得很好。CORS策略已阻止从源'‘访问'’处的XMLHttpRequest :请求的资源上不存在' Access -Control-Allow- origin‘标头。

浏览 32提问于2020-02-21得票数 0

1回答

AngularJS禁用证书吗？

javascript、jquery、angularjs、cors

也许我完全遗漏了一些东西，但是我有一个本地运行的服务器，并且没有配置角来使用CORS来处理$http请求。当我向localhost:<port>发出HTTP请求时，我看到Chrome首先创建了一个选项请求。我还尝试直接从控制器调用一个jQuery ajax帖子--即使CORS选项为false (因为它似乎默认为tr

浏览 1提问于2013-10-23得票数 6

回答已采纳

1回答

Cors: AngularJS X JQuery

jquery、angularjs、cors

我有一个通过jQuery使用的服务，一切工作正常。现在它正在被Angular使用，但是Angular不会以POST / GET的形式发送，它会以选项的形式发送所有内容。我已经更改了服务中的设置以配置CORS。但我认为找出为什么Angular不能作为POST / GET发送是正确的。

浏览 1提问于2015-09-18得票数 0

1回答

Angular JS中的POST问题

angularjs、node.js、express、http-post、angular-ui

我在Node中运行我的前端，在Jetty.I中运行后端。我试图使用angular js从前端发布数据，但它对我不起作用，.Can，有人建议可能是什么问题吗？在端口3000中运行的节点Js和在9011中运行的jetty。以下是代码片段： app.controller("loginctrl", function($scope

浏览 3提问于2015-03-15得票数 0

1回答

ReactJS - PHP请求已被CORS策略阻止。

php、reactjs

我的本地系统上有一个reactjs应用程序和一个php。我运行了一个post提取函数，它运行得很好，并成为来自服务器的响应。return response.json(); console.log(data);现在我在另一个网站上有第二个请求response.json(); //console.log(data);但是通过第二个函数，我得到了

浏览 0提问于2019-07-14得票数 0

3回答

跨域请求被阻止，post请求为Angular和Spring

angular、spring

我已经创建了一个Angular服务，它是具有我自己的后端的授权服务。我需要向后台发送表单数据，reqData={"username":"string"，"password":"string"} 和一些标准的头文件。(Reason: CORS header ‘Access-Control-Allow-Origin’ missing).(Reason: CORS request did not succeed)

浏览 58提问于2019-04-25得票数 3

回答已采纳

1回答

angular - node.js，HttpClient put连接成功，但未成功工作

node.js、angular、express

我尝试使用angular HttpClient get，delete，post连接到node.js接口，都是成功的。但是当我使用put方法连接时，我发现我可以连接，但没有其他反射。例如：连接/api/edit/:id的Angular put import { HttpClient } from "@angular/common/http"; constructor(我尝试使用postman连接相同的AIP

浏览 30提问于2019-01-23得票数 3

回答已采纳

1回答

从angular 6应用向elasticsearch发送get请求时出现CORS错误，即使允许也是如此

node.js、angular、elasticsearch、cors

我有一个angular 6应用程序，可以发送http请求到elasticsearch DB。这些请求是通过httpClient从angular发送的(不使用任何nodejs或expressjs软件)，并且不允许使用第三方软件包(Chrome和Firefox)或通过更改浏览器设置(IE 11)发送CORS请求，浏览器不允许发出请求，并给我CORS错误。为了解决这个问题，我在每个在线答案推荐的地方都启用了CORS

浏览 0提问于2018-10-02得票数 1

3回答

角4 http不返回响应

javascript、angular、http、typescript、angular2-observables

我创建了一个通过http请求获取数据的简单服务。数据是json形式的，我使用map函数来匹配Blog数据类型。但是，当我从服务中调用方法"getBlogs“来获取数据时，什么都不会返回。import {Http} from '@angular/http';import这可能是

浏览 1提问于2017-08-30得票数 0

回答已采纳

10回答

Angular2 to REST WebApi CORS问题

angular、asp.net-web-api、cors

我使用的是angular2前端和WebApi后端。webapi启用了CORS。var cors = new EnableCorsAttribute("*", "*", "*");它可以工作，因为我有使用这个api的不同站点(jQuery/Javascript)。但是对于angular2，它没有。我

浏览 1提问于2016-02-04得票数 17

2回答

为什么Ember.js没有从我的服务器上看到访问控制允许源头？

ember.js、cors

我的应用程序是一个Ember.js前端，服务器上有一个Go API。我使用FixtureAdapter创建了Ember应用程序。现在我已经拥有了Go API后端，我将其转换为RESTAdapter。当我直接使用浏览器访问API时，我似乎得到了适当的CORS头：Access-Control-Allow-Headers:Origin:PUT,PATCH,GET,POSTAccess-Control-Expo

浏览 5提问于2014-09-24得票数 1

回答已采纳

1回答

使用Django Rest JWT的Angular* http请求*

angular、http、django-rest-framework、django-cors-headers

从angular向我的django后端发送一个请求，返回一个401 angular。这是一个注销函数的http请求。，它是被授权的。印前检查请求返回200，但请求本身是未经授权的。以下是请求标头 CORS_ORIGIN_ALLOW_ALL = True

浏览 1提问于2017-11-21得票数 1

3回答

访问控制-允许-来源不允许$http.get，但$.ajax允许

ajax、angularjs、cors

我在从我控制的远程服务器获取json时遇到问题。我有两个web应用程序，一个服务数据并在端口3311上运行，另一个请求数据在端口5000上运行。$apply(function() {d.reject(data); });当使用angular尝试相同的get请求时 .get("http://localhost:3311控制台日志显示OPTIONS请求返回HTTP200后发生的错误 OPTIONS http:&#x

浏览 1提问于2013-05-21得票数 43

回答已采纳

1回答

Oracle ORDS Oauth2 Rest服务是否受跨源(CORS)保护？

angular、oracle、oauth-2.0、oracle-apex、oracle-ords

我正在为一个学校项目使用甲骨文顶点，并使用Angular作为前端。每当我通过传递oauth client_id和client_secret来请求身份验证令牌时，我都会在Angular中得到一个错误。黄线是base64编码的'client_id':client_secret‘组合。 getToken() {

浏览 23提问于2020-06-08得票数 0

2回答

PhoneGap Angular应用程序和Rails的CORS问题

angularjs、cordova、ruby-on-rails-4

PhoneGap入门，使用yeoman，bower和grunt设置与Angular。我已经尝试了书中的所有解决方案，但都不能正常工作。下面是必要的代码： respond_to :json before_filter :cors_p

浏览 1提问于2014-08-17得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Angular 2中的Fetch.js抱怨CORS请求

相关·内容

Angular 2中的Fetch.js抱怨CORS请求

如何在使用fetch时解决CORS错误

如何在前端使用HttpOnly jwt cookie

在JavaScript中发送带有fetch请求的cookies有困难

CORS滤波器缺少角度

只有在通过http请求调用图像url时，才会出现cors错误，但除此之外，所有api都工作得很好。

AngularJS禁用证书吗？

Cors: AngularJS X JQuery

Angular JS中的POST问题

ReactJS - PHP请求已被CORS策略阻止。

跨域请求被阻止，post请求为Angular和Spring

angular - node.js，HttpClient put连接成功，但未成功工作

从angular 6应用向elasticsearch发送get请求时出现CORS错误，即使允许也是如此

角4 http不返回响应

Angular2 to REST WebApi CORS问题

为什么Ember.js没有从我的服务器上看到访问控制允许源头？

使用Django Rest JWT的Angular* http请求*

访问控制-允许-来源不允许$http.get，但$.ajax允许

Oracle ORDS Oauth2 Rest服务是否受跨源(CORS)保护？

PhoneGap Angular应用程序和Rails的CORS问题

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐