Angular 8.3.20 HttpClient拒绝/失败，而响应返回200 OK
Angular 8.3.20是一种流行的前端开发框架，它提供了丰富的工具和功能来构建现代化的Web应用程序。HttpClient是Angular中用于发送HTTP请求和处理响应的模块。
当使用Angular 8.3.20的HttpClient发送HTTP请求时，有时可能会遇到拒绝或失败的情况，即使服务器返回了200 OK的响应状态码。这可能是由于以下几个原因导致的：
- 跨域资源共享（CORS）问题：浏览器实施了同源策略，限制了从一个源加载的Web应用程序对另一个源的访问。如果你的Angular应用程序和后端API不在同一个域下，你需要在服务器端配置CORS来允许跨域请求。
- 服务器端错误：拒绝或失败的响应可能是由于服务器端出现了错误。你可以检查服务器端的日志或使用开发者工具来查看响应的详细信息，以确定具体的错误原因。
- 请求配置错误：在发送HTTP请求时，可能会出现请求配置错误，例如错误的URL、错误的请求方法、缺少必需的请求头等。你可以检查你的代码，确保请求配置正确无误。
解决这个问题的方法包括：
- 检查CORS配置：确保服务器端已正确配置CORS，允许来自你的Angular应用程序的跨域请求。
- 检查服务器端代码：检查服务器端代码，确保没有错误或异常导致请求被拒绝或失败。
- 检查请求配置：仔细检查你的代码，确保请求的URL、方法、请求头等配置正确无误。
- 使用开发者工具：使用浏览器的开发者工具来查看请求和响应的详细信息，以便更好地理解问题所在。
对于Angular开发者，腾讯云提供了一系列与前端开发相关的产品和服务，例如：
- 腾讯云CDN：用于加速静态资源的分发，提高网站的访问速度和用户体验。了解更多：腾讯云CDN
- 腾讯云API网关：用于构建和管理API接口，提供安全、高可用的API服务。了解更多：腾讯云API网关
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行前端应用程序。了解更多：腾讯云云服务器
请注意，以上仅是腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我有一个Jest测试用例，在这个测试用例中，我在角组件中调用一个方法。该方法有一个服务调用。但不知何故，我无法嘲笑服务的响应对象。
app.component.ts
someMethod() {
try {
this.appService.test().then((response) => {
//I want JEST to execute some logic here after response
}
}
catch (e) {
//JEST always going in this block wh
浏览 5提问于2022-03-08得票数 0
我正在尝试使用angular5 HttpClient读取本地.xml文件。我的服务是这样的：
import { Injectable } from '@angular/core';
import { HttpClient,HttpHeaders, HttpRequest } from '@angular/common/http';
@Injectable()
export class DataService {
constructor(private _http:HttpClient) { }
getFile() {
const _head
浏览 0提问于2018-03-22得票数 0
这更像是一个问题，而不是解决一个问题。
我想知道是否有“成功”和“错误”都不会触发的情况。
对"/logout"的post调用将产生带有空响应体的Http状态返回代码200，这是预期的。
import { httpClient } from angular/common/http;
private http: HttpClient;
this.http.post<any>('/logout', {})
.subscribe(
() => {
console.log("Logout");
浏览 6提问于2021-11-08得票数 2
回答已采纳
我在Angular 7中有以下服务： import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { BehaviorSubject } from 'rxjs';
@Injectable()
export class UserService {
private currentUs
浏览 42提问于2019-05-21得票数 1
我想下载一个文件，需要检查响应状态代码(即HTTP /1.1 200 OK)。这是我的代码片段：
HttpGet httpRequest = new HttpGet(myUri);
HttpEntity httpEntity = null;
HttpClient httpclient = new DefaultHttpClient();
HttpResponse response = httpclient.execute(httpRequest);
...
如何获取响应的状态码？
浏览 1提问于2010-04-07得票数 92
回答已采纳
2回答
角http调用：
login(){
const loginstring = 'https://<removed>.auth0.com/authorize?' +
'response_type=token&' +
'client_id=<removed>&' +
'connection=null&' +
'redirect_uri=<removed>';
this.http.get(logins
浏览 5提问于2020-01-19得票数 0
快速问题：
Angular $http返回一个promise。承诺可以是成功的已解决对象(状态200)或错误的拒绝对象(状态404)。这是否意味着在angular $http中任何不是状态200响应的东西都将被拒绝并发送到promise的错误部分？例如: 404,304,401,500等。
浏览 3提问于2016-08-30得票数 0
回答已采纳
2回答
以前我的项目是在angular2上进行的。现在它升级到了angular6。我面临一些有关版本更改的问题。我将从一个api中获得一些json数据，并通过@ar角/http访问它。以下是我尝试过的棱角服务
import { Observable } from 'rxjs';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
constructor(private http: HttpClient, @Inject('api') private
浏览 0提问于2018-07-31得票数 1
回答已采纳
1回答
将字符串值传递给角服务时出错
、、、、
我有一个Rest端点，它以字符串的形式返回员工名称。
@GetMapping("/employeeNameForOnboard/{employeeId}")
public String getEmployeeNameForOnboard(@PathVariable String employeeId) {
String employeeName = onboardSearchService.getEmployeeName(employeeId);
return employeeName;
}
我的角质服务：
cons
浏览 2提问于2022-08-01得票数 0
1回答
在Angular 8应用程序中，我有以下方法： onSubmit() {
this.mailService.sendMessage().subscribe(
(res: any) => {
this.toastr.success('Message Sent');
this.resetForm();
},
err => {
this.toastr.error('Message Not Sent', res.status);
}
)
浏览 30提问于2020-07-23得票数 1
回答已采纳
通过angular6访问rest-api时获取CORS错误
import { Component, OnInit } from '@angular/core';
import { TestService } from '../../test.service';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-view-component',
templateUrl: './view-component.c
浏览 0提问于2019-08-20得票数 0
回答已采纳
我用角度实现了auth保护，但我没有访问本地存储或cookie来检查用户是否经过身份验证，而是有一个API端点，如果存在一个仅包含附加到请求的JWT的httponly cookie，则返回200 OK，否则将返回401 Unauthorized。
这是我尝试过的
// auth.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root
浏览 4提问于2022-07-06得票数 1
回答已采纳
我正试图理解带有角4设置的观察者的打字稿。
版本细节
"@angular/common": "^4.0.0",
"@angular/core": "^4.3.4",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/router": "^4.0.0",
"rxjs": "^5.1.0"
"@angular/cli
浏览 2提问于2018-02-03得票数 0
1回答
我使用HttpClient进行GET调用，并希望解析Json响应并断言键值对 这是我的代码 public partial class EntityClass
{
[JsonProperty("StatusCode")]
public string StatusCode { get; set; }
// more code
} using (HttpClientHandler handler = new HttpClientHandler())
{
handler.Credentials = ne
浏览 59提问于2020-12-29得票数 1
下面是我在angular和node js中的代码。其中我尝试使用post请求，一旦成功，响应就意味着它应该重定向到特定的url。但不幸的是，我的angular应用程序无法处理该响应。
在controller.js中：
sandbox.saveSandboxOrder(sandboxDetails, order_id).then(ordersave_success = > {
if (ordersave_success) {
response.redirect(200, ordersave_success.redirectUrl);
浏览 10提问于2019-11-27得票数 0
我使用angular9.1.6，但是我检查我在我的应用程序中声明的每一个，我不知道我在哪里出错，在编译我的应用程序时，我得到了低于错误类型的错误。 src/app/admin/user/users.Component.ts:3:10-错误TS2724:模块‘././service/httpclient.service’‘没有导出成员'HttpClientService’。你是说“HttpclientService”吗？
3从‘./../service/httpclient.service’导入{ HttpClientService }；~
src/app/service/httpcl
浏览 0提问于2020-06-10得票数 0
我的缓存服务器拒绝缓存200OK响应，当它有一个Content-Range头的时候。这是符合RFC2616的实现。
但是，需要缓存200OK响应，即使它有Content-Range头。这是允许的，还是违反了RFC规范？
浏览 0提问于2017-03-31得票数 3
给定一个url或HttpResponse实例，我需要用状态代码200返回一个HttpResponse (备注响应而不是请求)。我尝试过通用的HttpClient.PostAsync和GetAsync，但无法配置状态代码。
这基本上是一次握手，用于订阅远程服务的事件。我发送一个请求，从服务器得到一个OK，现在它期望我用我自己的OK回复OK。
对怎么做有什么想法吗？我没有收到的请求要回应。
var resp = new HttpResponseMessage(HttpStatusCode.OK);
// need to sent this to the url. no content necess
浏览 5提问于2013-10-25得票数 0
2回答
响应中的有效JSON
、、、
我正在开发一个客户端和服务器应用程序，遇到了一个有趣的问题。我们正在创建一个restful API，并通过JSON响应与客户端通信。当执行删除操作时，我们返回一个200OK，并返回一个空白响应。我们的客户端获得了200OK，但解析JSON失败。
我们完全理解失败的解析(没有什么可解析的)，但我们有一个更大的问题。发送一个空响应是有效的JSON吗，或者我们应该返回{}或者类似的东西？谢谢。
浏览 1提问于2012-08-15得票数 15
回答已采纳
1回答
我正在处理一种情况，在网络连接期间，我们有时可能有有限的互联网连接，无法从服务器获得响应，或者作为HttpError失败响应。在此，我尝试每秒钟都要点击这个URL来检查我们是否得到了响应。
我正在尝试这个代码，这是很好的在线方法，但当我打开我的互联网的is不返回我的虚值。
fetch-data.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpResponse, HttpErrorResponse } from '@angular/common/http'
浏览 0提问于2019-02-18得票数 0
我对角质很陌生。我想知道是否可以使用服务向组件提供第三方API，如传单或谷歌地图？
我编写了一个服务，其中我有HTTP请求传单API URL，其中包含javascript函数。我将可观察到的从服务返回到我的地图组件。
以下是服务：
import { Injectable } from '@angular/core';
import {Observable} from 'rxjs';
import {HttpClient, HttpHeaders} from '@angular/common/http';
@Injectable({
pro
浏览 0提问于2019-08-30得票数 3
回答已采纳
我的后端API http://localhost:8300/api/picture返回一个字符串，我尝试了以下方法：(按一下按钮调用getpicture )
方法1:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-auth-success',
templateUrl: './auth-success.component
浏览 1提问于2018-02-23得票数 2
回答已采纳
我正在尝试下载一个带有.tar的HttpClient文件。我首先尝试的是一个正常的要求。与我使用普通文本文件的过程相同，但这不起作用。它返回一个http失败响应。
export class ApiService {
constructor(private http: HttpClient) { }
public getData(){
return this.http.get(`file.tar`);
}
接下来，我尝试使用下载excel文件的方式，因为.tar包含csv文件：
export class ApiService {
downloadExcel() {
浏览 2提问于2019-08-26得票数 1
回答已采纳
1回答
我已经构建了一个控制器，它必须进行多次http调用才能组装响应。用邮递员来测试。当控制器通过第一个呼叫时，邮递员收到一个响应。我完全不明白流程：
[HttpGet("")]
[ProducesResponseType(200)]
[ProducesResponseType(400)]
public async Task<IActionResult> GetPackageAsync()
{
var filepackagesresp = aClient.GetPackageDetailsAsync();
return Ok(filepackagesresp.To
浏览 2提问于2022-05-27得票数 0
回答已采纳
我正在尝试使用FPL，任何人都可以帮助我做下面的事情，我找不到出了什么问题
这是身份验证指南
我知道这个错误
状态: 200
statusText："OK“
网址："“
好的:假的
名称："HttpErrorResponse“
消息：“解析期间Http失败”
import { HttpClient } from '@angular/common/http';
constructor(private http: HttpClient) {}
getData() {
const proxy = 'https://cors-
浏览 0提问于2019-12-18得票数 1
2回答
这是在C# swagger客户端生成的帮助下，从nswag控制器自动生成的角度服务文件。下面的代码包含了所有的服务。在组件中，我尝试调用getCompanyInfoOption() api。但是我没有得到从控制器发送的响应数据。
/* tslint:disable */
/* eslint-disable */
//----------------------
// <auto-generated>
// Generated using the NSwag toolchain v13.6.0.0 (NJsonSchema v10.1.18.0 (Newtonsoft.Jso
浏览 14提问于2020-05-31得票数 0
回答已采纳
使用类型记录，我有两个连续的呼叫: GET：
this.httpClient.get<string>('http://localhost:8080/token',
{
observe: 'response'
})
.subscribe(resp => {console.log(resp);});
员额：
this.httpClient.post<any>('http://localhost:8080/hello',{observe: 'response'
浏览 7提问于2021-12-22得票数 0
我正在使用一个API，它返回一个HTTP "202 Accepted“响应，并开始处理一个长时间运行的请求。
然后，我需要在一段延迟之后发布相同的请求，直到我收到HTTP“200OK”响应，此时我可以从响应体中查询结果。
我查看了文档，找到了几个出错时重试的示例，但是我找不到如何在成功延迟后重试。
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
imp
浏览 1提问于2017-09-18得票数 2
我是Java NIO的新手。我正在使用它来发出HTTP Get请求。请求可以正确执行，但我不知道如何获取响应的内容。
例如,
CloseableHttpAsyncClient httpClient = HttpAsyncClients.createDefault();
httpClient.start();
url = buildUrl(); //builds the url for the GET request
BasicAsyncResponseConsumer consumer = new BasicAsyncResponseConsumer();
Future<HttpRes
浏览 25提问于2016-06-25得票数 1
如何从响应中获取数据并将其提供给组件？以下是相关的文件。
api.service文件
import { Injectable } from '@angular/core';
import { HttpClient } from'@angular/common/http';
import { Observable } from 'rxjs/Observable';
@Injectable({ providedIn: 'root'})
export class apiService { constructor(private
浏览 0提问于2018-07-13得票数 0
回答已采纳
我正在开发一个使用symfony 4的API REST和一个使用Ionic的应用程序。 我只是通过我的Ionic App从我的API测试一些方法，我可以看到一些东西添加到我的URL中 我检索到的错误如下： Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://127.0.0.1:8000/api/v1/clock/in", ok: false, name: "HttpErrorResponse", message: "Http failur
浏览 11提问于2019-04-29得票数 0
3回答
我的客户端似乎没有从服务器捕获响应值并显示它。
下面是我的组件代码：
export class MyComponent implements OnInit {
data: string;
constructor(private myService: MyService) {}
ngOnInit() {}
testCall() {
this.myService.getData().subscribe(data => this.data = data);
console.log("Data: " + this.data);
}
}
浏览 0提问于2018-06-01得票数 0
我正在使用我的Angular 6应用程序中的一个服务从我的REST API下载一个文件(blob)。这项服务可以完美地处理小于10MB的文件(在Chrome和其他浏览器上)。我目前正在尝试下载一个14MB的文件，但它失败了，只在Chrome上(在Firefox上可以正常工作) 我认为这是Chrome的一个限制，但我在SO或Angular文档上找不到任何关于这方面的信息。 这是我的服务 displayFile(url: string) {
const headers = new HttpHeaders({ 'Content-Type': 'application
浏览 1967提问于2019-03-12得票数 7
2回答
我正在使用Angular和REST api连接到后端。我正在传递用户名和密码来访问资源，servletFilter看起来很好，问题出在发送响应的浏览器中。将生成此错误。我读过很多这样的问题，但我找不到一个来解决我的问题 HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK",
url: "http://localhost:8080/front", ok: false, …}
error:
error: SyntaxError: Unexpected token < i
浏览 65提问于2019-12-17得票数 0
我的问题是，我正在尝试用angular2登录到angular2核心后端。
响应包含令牌，为200 OK，但总是使用status 0 unknown error调用错误，此错误将出现：
加载失败:请求的资源上没有“访问-控制-允许-原产地”标头。因此，“”源是不允许访问的。
所以任何帮助。
浏览 4提问于2018-04-17得票数 0
我想设置一个不断从后端接收值的页面，这样渲染的数据集就会随着时间的推移而增长，直到后端声明它已经完成(这可能永远不会发生)。类似于this article，但后端基于.NET核心。 因此，Angular服务最初看起来是这样的。 @Injectable()
export class TheService {
constructor(private httpClient: HttpClient) {}
getStuff(): Observable<Thing[]> {
return this.httpClient.get<Thing[]>('htt
浏览 13提问于2021-04-03得票数 0
回答已采纳
1回答
我正在使用System.Net.HttpClient从服务器读回一个流。我遇到的问题是流被阻塞，直到整个响应都在内存中。我想开始处理响应，因为数据来自网络。在解析之前等待整个响应太慢了。
HttpClient client = new HttpClient();
...
await client.GetStreamAsync();
/* another way I tried */
HttpResponseMessage response = await clientGetAsync();
if(response.StatusCode == HttpStatusCode.OK) {
a
浏览 0提问于2013-04-26得票数 0
回答已采纳
对AWSJavaScriptSDK中的S3. S3.copyObject方法表示如下所示：
当Amazon接收到复制请求或S3 S3正在复制文件时，复制请求可能返回错误。如果该错误发生在复制操作开始之前，您将收到一个标准的Amazon错误。如果在复制操作期间发生错误，则错误响应嵌入到200 OK响应中。这意味着200 OK响应可以包含成功或错误。设计应用程序来解析响应的内容并适当地处理它。
但是，没有给出失败可能是什么样子的例子，aws-sdk节点库中与aws-sdk相关的类型(即CopyObjectResult和S3.Types.CopyObjectOutput)表明，在成功响应中没
浏览 1提问于2020-04-09得票数 8
回答已采纳
当用户点击下载方法时，我必须在浏览器内部使用angular 6中的HttpClient下载csv文件。 component.service.ts download():Observable<any[]>{
return this.http.get<any[]>(this.url+'/download/external');
} compononent.ts onDownload(){
console.log("data is downloading");
this.service.download().sub
浏览 9提问于2019-03-29得票数 1
1回答
你好，我是在角的学生开发。我正在尝试用这个用户的令牌获取用户的数据。我的身份代码是200。我知道它的意思是'OK‘，但我面临这样一个错误，我没有抓住这个错误。我不知道我的代码行有什么问题。
ERROR HttpErrorResponse {headers: HttpHeaders，status: 200，statusText："OK"，url：""，ok: false，…} headers: HttpHeaders {normalizedNames: Map(0)，lazyUpdate: null，lazyInit:ƒ}状态: 200 statusTe
浏览 10提问于2020-01-16得票数 0
回答已采纳
我有一个REST请求，让我的Angular应用程序使用它来检查数据库中是否存在对象。它返回HTTP响应代码200(OK)或404(未找到)，具体取决于对象是否在那里。
这与本 (多年前关闭)中的大多数建议是一致的。
然而，问题是Angular框架和/或浏览器的开发人员工具将404代码报告为异常错误条件。到处都是红色字母(控制台和网络日志)，即使应用程序正在做我想要它做的事情。例如，Chrome控制台中将显示以下内容：
:8080/app/check/abcdef:1 GET http://localhost:8080/app/auth/check/abcdef 404 (Not Found)
浏览 20提问于2018-03-05得票数 0
2回答
我是一个FastCGI新手，我面临着一个问题和一些我找不到答案的问题，我想要做的是使用FastCGI来处理url凭证，或者批准或者拒绝，例如，这就是url。
我想要做的是将关键参数发送到fastCGI进行一些处理，然后返回到nginx -- 200(OK)来服务文件，或者403 (禁止)。这是我的nginx配置：
location /my_location/ {
root /var/www/html;
index index.html index.htm;
fastcgi_pass 127.0.0.1:9000;
fastcgi_param SCRI
浏览 2提问于2015-11-23得票数 3
回答已采纳
我做了一个检查http服务器是否正常响应的方法。我使用的是apache组件。
private static int CheckAvailabilityHttp(String pHostName, int pPort)
{
try {
HttpClient httpClient = new DefaultHttpClient();
HttpGet httpGet = new HttpGet(String.format("http://%s:%s",pHostName,pPort));
HttpResponse respons
浏览 1提问于2013-03-16得票数 0
2回答
我通过代理服务器发送http请求。
当我使用curl时，我得到响应的两个部分:来自代理和从目标服务器：
curl -i --proxy proxy.com:8080 --proxy-user user:1234 https://target.com
HTTP/1.1 200 Connection established
X-Proxy-Header: Header-Value: connected established
HTTP/1.1 200 OK
Server: target.com
other headers
http response
如何在Java中获得相同的输出？我使用apa
浏览 4提问于2016-03-01得票数 0
回答已采纳
2回答
我需要知道如何在angular 7和PHP API之间传递参数
import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class DataService {
constructor(private http: HttpClient) { }
getUsers() {
return
浏览 0提问于2018-11-06得票数 0
Java11的java.net.http.HttpClient似乎不检查HTTP代码，除了重定向(如果启用的话)。而且，在和Java文档中发现的所有示例都总是假定HTTP请求是成功的，也就是说，它们似乎从不检查响应的状态代码。
这很可能永远不会达到预期的行为，因为来自HTTP 500 (服务器错误)响应的错误页可能有不同的格式，或者没有格式，因此应用程序无法处理。
HTTP状态代码的检查应该在哪里进行？
包含以下示例片段：
BodyHandler<Path> bodyHandler = (rspInfo) -> rspInfo.statusCode() == 200
浏览 10提问于2021-05-13得票数 7
回答已采纳
我假设<是因为它返回的是HTML或XML响应。
这是我的登录部分，它是失败的。
public login(user) {
this.http.post('/api-token-auth/', JSON.stringify(user), this.httpOptions).subscribe(
data => {
console.log('login success', data);
this.updateData(data['token']);
},
er
浏览 1提问于2018-12-29得票数 1
正在获取订阅验证failed.Must响应，返回200 OK错误 我正在尝试使用Microsoft图形API创建订阅。我们已经公开了一个通知URL，在接收到来自图API的post调用时，它将使用验证令牌和状态代码进行响应:200OK。 当我尝试点击订阅API来创建订阅时，它显示“获取订阅验证失败。必须返回200OK”-error。同时，我们得到的状态是: 400 Bad request in postman。
浏览 13提问于2019-09-09得票数 0
我使用下面的代码尝试从响应头中提取一个值(ReturnStatus)；
Keep-Alive: timeout=5, max=100
ReturnStatus: OK,SO304545
Server: Apache/2.4.29 (Win32) OpenSSL/1.0.2m
代码；
import { Injectable } from '@angular/core';
import { Account } from './model/account';
import { HttpClient } from '@angular/common/http&#
浏览 1提问于2018-06-21得票数 14
回答已采纳
2回答
我正在尝试用Response::json()来响应我的ajax请求
然而，问题在于，无论HTTP代码(200或422)用于什么(成功/失败)，响应总是采用相同的格式，而且我的JSON不容易解析，因为HTTP与我的JSON位于相同的“statusText”字段中，所以我的结果是
在我的控制器
die(Response::json(array('message' => 'Success', 'status' => 200', 'redirect_url'=> ''), 200));
在java
浏览 4提问于2013-07-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
