Angular Http拦截器: catchError和返回成功
Angular Http拦截器是Angular框架提供的一种机制，用于在发送HTTP请求和接收HTTP响应之前，对请求和响应进行预处理或后处理。其中，catchError是Http拦截器中的一个方法，用于捕获HTTP请求中的错误，并进行相应的处理。
在Angular中，使用Http拦截器可以实现一些通用的功能，例如添加请求头、处理错误、身份验证等。通过使用拦截器，我们可以在应用的多个地方共享这些功能，提高代码的复用性和可维护性。
catchError方法用于捕获HTTP请求中的错误，并进行相应的处理。当HTTP请求发生错误时，catchError方法会捕获该错误，并返回一个Observable对象，我们可以在该Observable对象的订阅中处理错误信息，例如显示错误提示、记录错误日志等。
返回成功是指在HTTP请求成功后，服务器返回了正确的响应数据。在Http拦截器中，我们可以通过catchError方法来处理请求成功的情况。一般情况下，我们不需要对请求成功进行额外的处理，因为请求成功后，Angular会将响应数据传递给订阅该请求的代码进行处理。
以下是一个示例的Http拦截器代码，其中包含了catchError方法和返回成功的处理：
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).pipe(
catchError((error: HttpErrorResponse) => {
// 处理请求错误
console.error('An error occurred:', error);
// 返回一个错误的Observable对象
return throwError('Something went wrong. Please try again later.');
})
);
}
}在上述示例中，我们创建了一个名为ErrorInterceptor的Http拦截器，并实现了intercept方法。在intercept方法中，我们通过next.handle(request)来发送HTTP请求，并使用pipe方法来添加catchError操作符。当请求发生错误时，catchError方法会捕获错误，并返回一个错误的Observable对象，该对象会被订阅进行错误处理。
对于返回成功的处理，我们不需要在拦截器中进行额外的处理，因为请求成功后，Angular会将响应数据传递给订阅该请求的代码进行处理。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
我正在尝试在我的angular应用程序中构建一个错误拦截器。我通过构造函数将auth服务导入其中。但是当我从它调用一个方法时，我得到了一个错误，它不存在。这是拦截机。
import {Injectable } from '@angular/core';
import {
HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse
} from '@angular/common/http';
import { AuthService } from '../aut
浏览 27提问于2020-06-01得票数 0
回答已采纳
我正在尝试创建一个angular库，用于截获来自导入它的应用程序的http请求。问题是，如果拦截器是从库中导入的，它就不能工作，但如果我把它移动到我的应用程序中，它就可以工作了。 我的库中的拦截器代码如下所示： import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable, throwError} from &#
浏览 18提问于2019-04-10得票数 5
1回答
我使用的是Angular Material和rxjs6中的Angular 7.2 MatDialog。令牌过期后，在下一个http请求上，它会打开对话框，但不会再次提交失败的http请求。虽然这些建议与我需要的略有不同，但我已经尝试过this和this，但没有成功。我所需要的就是在对话框关闭后，再次提交失败的请求，这在目前还没有发生。有人能帮我找找我遗漏的东西吗？ private refreshingToken: boolean = false;
intercept(request: HttpRequest<any>, next: HttpHandler): Observabl
浏览 29提问于2019-03-02得票数 0
1回答
在reloading中，在成功登录后，在一段时间后或在重新加载任何页面时，获得401 - Unauthorized或401 - "Invalid user"。
AuthInterceptor
import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { AuthService } from '../service
浏览 5提问于2022-01-07得票数 0
1回答
auth-interceptor.ts
import { Injectable } from "@angular/core";
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Router } from '@angular/router';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/oper
浏览 1提问于2020-04-19得票数 0
我计划在几件事情上使用几个不同的拦截器；例如，错误处理，等等。我肯定我只是遗漏了一些明显的东西，所以我很想多关注一下它，以帮助我发现我的错误。
我正在使用Angular7，我知道我需要使用新的HttpClientModule。
app.module.ts：
import { HttpClientModule } from '@angular/common/http';
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
HttpClientModule
],
浏览 0提问于2019-04-04得票数 0
回答已采纳
1回答
背景
我们正在迁移一个AngularJS应用程序到最新的角版。我们总是通过接收状态代码200来处理http请求，如果有错误，我们仍然会得到状态代码200 (不包括404 - 500，以及与实际服务器或用户连接有关的错误)。例如，如果用户令牌过期并发出请求，我们将得到一个状态代码200，其中包含errorCode: number，message: string。，这不会改变。
问题
使用有关令牌的同一个示例，我看到的关于拦截器处理无效令牌问题并在可观察到的CatchError中刷新它的所有代码示例：
return next.handle(request).pipe(
map((event:
浏览 2提问于2019-12-16得票数 0
回答已采纳
使用角10。我的error.interceptor.ts文件不会调用。
注意'this.http.post(url，body，httpOptions);‘这个没有被调用？我不知道为什么？
import { Injectable } from '@angular/core';
import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable, thr
浏览 5提问于2020-10-27得票数 1
回答已采纳
1回答
我有两个拦截器HttpErrorInterceptor和AuthInterceptor。他们有以下命令：
export const httpInterceptorProviders = [
{ provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
];
问题:当我订阅this.userService.register()时，它总是返回“使用中的电子邮件
浏览 1提问于2019-09-19得票数 0
回答已采纳
2回答
我在研究角8
我正试图通过拦截器集中处理错误。
我的拦截器代码正在运行，但它没有返回任何错误
import {
HttpEvent,
HttpInterceptor,
HttpHandler,
HttpRequest,
HttpResponse,
HttpErrorResponse
} from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { retry, catchError } fr
浏览 3提问于2020-01-17得票数 2
3回答
在将库更新到新的Range6和RxJS 6之后，我遇到了一个问题。
我有RouteService类，它作为服务工作。它使用HttpClient从远程API获取数据。更新后，当我试图编译项目时，我会遇到一些奇怪的错误。
这是我的服务班：
import {Injectable} from '@angular/core';
import {HttpClient} from "@angular/common/http";
import {Observable} from "rxjs/Rx";
import {catchError} from 'r
浏览 1提问于2018-05-07得票数 1
回答已采纳
我正在使用Observable.zip并行处理几个可观察到的数据。
Observable.zip(observable1, observable2).subscribe(([res1, res2]) => doStuff())
这里observable1和observable2是http请求，我有一个拦截器捕获错误。
import { Injectable } from '@angular/core';
import {
HttpInterceptor,
HttpHandler,
HttpRequest,
HttpErrorResponse
浏览 0提问于2018-06-29得票数 1
回答已采纳
2回答
我正在截取网络响应，以便提供有关网络错误的反馈。 我不能让离子警报模块工作。 我认为问题是ionic-alert使用了一个未解决的承诺，但我不知道我的实现出了什么问题。拦截器工作了。我可以截获所有的请求。唯一的问题是我看不到警报poupup。 import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpEvent, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
impor
浏览 31提问于2020-01-09得票数 0
快速问题：
Angular $http返回一个promise。承诺可以是成功的已解决对象(状态200)或错误的拒绝对象(状态404)。这是否意味着在angular $http中任何不是状态200响应的东西都将被拒绝并发送到promise的错误部分？例如: 404,304,401,500等。
浏览 3提问于2016-08-30得票数 0
回答已采纳
我有一个使用RXJS可观察性的angular项目。除非我必须处理错误处理，否则一切都很好，但是当API返回错误时，永远不会调用错误回调。 this.http
.post(url, registerFormData)
.pipe(
catchError((err) => {
console.log(err);
return throwError(err);
})
)
.subscribe(
(res) => console.log('HTTP response', res),
(err) =&
浏览 13提问于2020-10-31得票数 0
回答已采纳
在我的Angular应用程序中，我有以下代码，这些代码通过成功和错误回调函数调用API
$http.post('/analytics/generateToken', {}).then(
function (data) {
console.log("Success");
},
function (data) {
console.log("Error");
}
);
当API调用返回HTTP 200状态时调用成功回调，但当API调用返回HTTP 403 (
浏览 0提问于2015-08-29得票数 3
我有一个服务方法，它发出注销应用程序的API post请求。
public logout(): Observable<APIResponse | ResponseError> {
return this.http
.post<APIResponse>(API_ENDPOINT + LOGOUT_URL, '{}', this.httpHeaders)
.pipe(catchError((error) => {
return of(this.handleError(error.error));
}));
浏览 0提问于2020-08-09得票数 2
2回答
我一直试图处理API中的错误响应。
我想要的是：
我真正得到的是：
我的service.ts：
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';
import { map, catchError } from 'rxjs/op
浏览 4提问于2021-10-19得票数 1
回答已采纳
在401响应中，CatchError被完全忽略。
我有httpInterceptor来处理oauth2身份验证。
有关守则是：
import { filter, take, switchMap, map, catchError } from 'rxjs/operators';
//ommited
if (authService.hasRefreshToken()) {
return authService.doRefreshToken().pipe(switchMap(tokenResponse => {
const accessToken
浏览 0提问于2018-06-10得票数 11
当我使用正确的参数从我的angular应用程序中调用delete api时，成功操作被触发，行为与预期一致。如果任何参数或url错误，我会得到预期的401、403或422响应，并触发失败操作，但当它是500错误时，失败操作不会被触发，应用程序停留在挂起状态，就像api从未完成一样。知道为什么500错误不能触发操作吗？ deleteItems$ = createEffect(() =>
this.actions$.pipe(
ofType(deleteItems),
withLatestFrom(this.store.pip
浏览 25提问于2021-11-17得票数 0
我正在使用HttpService的Range4，我正在尝试迁移到HttpClientService。
但我得到的错误如下
ERROR in src/app/app.service.ts(19,102): error TS2559: Type 'Headers' has no properties in common with type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: Ht...'.
也请参
浏览 0提问于2018-04-13得票数 0
回答已采纳
2回答
当从后台收到409错误时，我希望显示后台开发人员提供给我的响应消息。
我这样做
return this.http.post('url to API', data, {
reportProgress: true,
observe: 'events'})
.pipe(
map(
res => {
return res;
}
),
catchError((error) => {
return
浏览 12提问于2018-08-15得票数 0
我有一个jwt/刷新令牌授权。
当/api/auth/token/refresh由于刷新令牌不存在/过期而导致BadRequest失败时，我试图通过catchError捕获错误，而不是在控制台日志中抛出错误，而是执行next.handle(request)来抑制错误。目前，每当catchError出现时，它都会在无限循环中运行。换句话说，在捕获错误后，我希望logout()用户，它自己执行HTTP请求，然后导航到登录页面。
我之所以做return this.authService.logout()，是因为我在logout()中有一个HTTP请求，如果我不订阅它，它就不会执行它。
auth.in
浏览 0提问于2019-09-15得票数 2
我正在学习这个教程，https://angular-academy.com/angular-jwt/，我需要一些关于HTTP拦截器类的帮助。 当我在401 (未授权错误)后成功刷新令牌时，代码重试HTTP调用，我得到OK，但视图和订阅没有更新，有时我会得到以下错误： core.js:9110 ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
at subscri
浏览 12提问于2020-04-24得票数 0
我已经看过并尝试了很多描述相同问题的其他帖子，但都找不到解决方案。我是angular技术的初学者。我正在使用angular 11。我正在尝试刷新HttpInterceptor类中的JWT标记。
this.loginService.checkRefreshToken(this.refreshtoke).pipe(
switchMap((tokenResponse: any) => {
if (tokenResponse) {
localStorage.setItem('authToken', tokenResponse.Token
浏览 31提问于2021-02-18得票数 1
2回答
我使用JWT进行身份验证(没有登录页面)。我有一些问题，当站点加载时，首先是get方法，用于加载内容，然后是身份验证方法，并将令牌保存在本地存储中。
问题是我得到的错误，我没有通过身份验证，并在我刷新页面后，它的工作。我需要让他首先创建身份验证方法，并将其保存到本地存储中，然后加载页面。
Auth.service：
import { Injectable } from '@angular/core';
import { HttpService } from '../http/http.service';
import * as jwt_decode from &
浏览 0提问于2019-11-10得票数 1
我正在使用ngx-translate，现在我想添加一个LoadingInterceptor。这是一个在发出HTTPInterceptor请求时显示LoadingSpinner的API。 我已经在使用令牌拦截器了。但是当我安装LoadingInterceptor时，ngx-translate就不再工作了。 这是我的loading.interceptor.ts import { Observable } from 'rxjs';
// import { LoadingService } from './../../../services/loading.service&#
浏览 15提问于2021-01-12得票数 0
回答已采纳
我的密码有点奇怪。我有这个我的服务，非常基本，一个简单的httpClient .当API作为状态401返回时，我希望它会出现错误.但事实并非如此。在我的控制台中，我只有“完全”。当API返回状态200时，它在“next”中做得很好--有什么想法吗？
import { HttpClient } from '@angular/common/http';
...
constructor(
private httpClient: HttpClient,
private configService: ConfigService
) {}
getUserDet
浏览 4提问于2022-04-28得票数 0
回答已采纳
如何在angular中恢复被截获的HTTP请求？ 下面是一个使用可观察对象的catch和replace策略的示例 https://blog.angular-university.io/rxjs-error-handling/ 目标是捕获错误，处理它，并向原始订阅者返回一个可观察到的“成功”。我无法让它与Angular的拦截器一起工作。 这是简化的代码，但如果我返回一个可观察对象，它不会影响原始订阅者的成功。然而，它将达到它的完成度。并且throwError的工作方式与预期一致。 intercept(
req: HttpRequest<any>,
next: Htt
浏览 16提问于2019-09-28得票数 0
回答已采纳
我正在开发一个拦截器来处理角10项目中的http错误。以下是代码：
import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { catchError, map } from 'rxjs/operators&
浏览 4提问于2020-12-31得票数 0
1回答
目前，我正试图使我的HTTP_INTERCEPTORS使用角14工作，我的目标是使用存储在本地存储的refresh_token来获得一个新的access_token。目前看来，我的拦截器根本没有触发。也许还有别的地方我也必须包括拦截器？
auth.service.ts：
export class AuthService {
constructor(private http: HttpClient, private router: Router, public jwtHelper: JwtHelperService) {
}
getJwtToken() {
return
浏览 1提问于2022-08-30得票数 0
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { Observable } from 'rxjs';
import { catchError } from 'rxjs/operators';
@Injectable()
export class ApiService {
co
浏览 6提问于2019-03-13得票数 2
1回答
角度使用全局拦截器
、、、、
我想全局使用2个拦截器(httpInterceptorProviders，jwtInterceptorProviders)，但它在我的懒惰模块中不起作用。我有CoreModule和X延迟加载模块。奇怪的是，我有一个由swagger生成器( http服务)自动生成的代码，这个调用被拦截，但当我使用自定义的http服务拦截器时，不会拦截这个请求。 我从哪里得到提供程序的Index.ts /** Http interceptor providers in outside-in order */
export const httpInterceptorProviders = [
{ prov
浏览 10提问于2019-05-27得票数 1
回答已采纳
1回答
未正确添加授权头
、、、
我正在与JWTs合作，并成功地制作了一个Express应用程序，可以很好地处理它们，使用Postman进行了验证。然后我去做Angular 7前端，我偶然发现了一个问题。我成功地添加了头文件，但它们似乎没有出现在实际的请求中：
我记录了标题，可以看到它们已设置：
但当我查看请求时，它并没有出现：
我的代码如下所示：
@Injectable({
providedIn: 'root'
})
export class ApiService {
private baseUrl = environment.apiUrl;
constructor(pri
浏览 2提问于2018-12-06得票数 0
我被投入到一个项目中，在这个项目中我几乎没有使用javascript/typescript/angular的经验，所以请原谅我的无知。当用户登录时，我有一个post方法api调用来添加用户会话，在成功post时，它返回sessionId，这是一个字符串。我需要知道如何检索和存储该字符串，以便稍后在我的应用程序中使用，该字符串将用作两个不同api调用的参数。以下是我当前的服务设置：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
浏览 4提问于2020-05-21得票数 0
回答已采纳
我正尝试在我的http.service.ts文件中执行REST调用。我使用的是Angular版本7和RxJS。我想要获取json的cod值。我正在对openweather API进行REST调用。当我添加map()来获得所需的值时，它不起作用。只有在没有map()的情况下，它才能工作。我遗漏了什么？ 我的代码： import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';
import { HttpClient }
浏览 28提问于2020-01-17得票数 0
在决定在这里发表问题之前，我已经做了相当多的研究。我对如何处理HTTP错误的角度(或一般情况)的知识是非常模糊的，所以我希望得到一些澄清/建议。
为了简单起见，假设我有一个rest GET http://example.com，它将随机返回{error: 'Error message'}或{data: 'Data is available'}，其中error表示出了问题(请求成功完成，但有一些内部错误)，data表示一切正常。
据我所知，有两件事需要处理。第一件事是在请求失败时进行处理，例如网络错误、被CORS阻止等；第二件事是处理成功的请求，但看看它是erro
浏览 4提问于2020-05-06得票数 0
我写了一个http服务。
这包含一个函数请求调用
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { ApiMethod, AuthEndPoints } from '../conts';
import { environment } from '../../../../environments/environment';
import {
浏览 0提问于2021-05-24得票数 0
回答已采纳
我希望响应体中的错误响应从我的API服务器一直流到我的组件上，获取特定的错误代码，例如400或422。在下面的实现中，在没有HttpInterceptor的情况下，它工作得很好。
function handleHttpError() {
return (response: any) => {
let newResponse;
if (response.status === 0) {
// Error connecting to the server
newResponse = { error: 'Error connecting to
浏览 6提问于2021-12-24得票数 0
回答已采纳
我知道这类问题在这里和一些论坛上已经问了好几次。
我要做的是上传一个文件到我的服务器。下面是我第一次尝试将头设置为multipart/form-data。下面是我对文件上传的服务。
uploadNewFile (formData): Observable<any> {
const headers = new HttpHeaders();
headers.set('Content-Type', undefined);
return this.http.post(environment.baseURL+'api/v1/company/so
浏览 3提问于2020-02-04得票数 4
回答已采纳
我试图捕捉来自HTTP请求的错误，并且基于错误代码向user.To显示错误消息，实现这一点，我使用来自rxjs的catchError操作符。
但是我得到了这样的错误：属性'catchError‘在可观察的< Response >类型上不存在
折叠是我的package.json
"dependencies": {
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": &#
浏览 0提问于2018-07-19得票数 2
回答已采纳
我正在尝试使用Angular6，并使用forkjoin组合一些httpclient.get调用。
目前，如果所有http调用都成功，forkjoin工作得很好。然而，我想捕获和异常，返回一些东西，可能是数组项，然后继续下一个http调用。
import { HttpClient } from '@angular/common/http';
import { Observable, Observer, forkJoin, of } from 'rxjs';
import { map, catchError } from 'rxjs/operators
浏览 0提问于2018-07-06得票数 0
在saveExpense()方法中，当传递错误处理catchError (this.handleError<any>('Add Expense', []))时，将突出显示该方法，并显示错误：如何解决？**
saveExpense(userid, oExpense) {
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
浏览 1提问于2018-11-30得票数 1
我有一个捕获错误的Http拦截器(Angular 7)。有没有可能捕获错误，并基于某些条件，返回成功而不是错误？我当前的代码。 export class RequestInterceptor implements HttpInterceptor {
constructor() {}
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).pipe(
ca
浏览 53提问于2019-02-07得票数 6
2回答
此拦截器的目标是在服务器需要captcha密钥时重新发送请求。
但是，当应该刷新jwt令牌时，可以使用它。
拦截器工作正常，但我无法解释为什么测试失败。
--如果响应代码!= 200.，流将永远不会传递到httpClient.get('/error').subscribe()
下面是一个可复制演示的链接：
import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from '@angular/common/http';
import {Observable} from 'rxjs'
浏览 0提问于2018-09-11得票数 4
2回答
我正在尝试在每个请求之前获得RefreshToken，如果它已经过期，我需要刷新它。拦截器调用服务的函数，但我从未得到API调用。请帮帮忙
我的拦截代码
public intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
if (!this.authService.isAccessTokenExpired()) {
return next.handle(this.addCookiesToRequest(request));
浏览 3提问于2021-03-03得票数 1
回答已采纳
当JWT令牌过期时，web应用程序应该显示一个alert或模式弹出，然后它应该重定向到登录页面。目前我正在使用烤面包机的信息。
我的组件中有许多api调用。我收到了很多烤面包机的留言“令牌过期了”。我应该只显示一条消息并重定向到登录页面。告诉我你的好主意。我在网上有一些文章。但我不能把这些东西弄清楚。
import {
HttpEvent,
HttpInterceptor,
HttpHandler,
HttpRequest,
HttpResponse,
HttpErrorResponse
} from '@angular/commo
浏览 0提问于2019-05-10得票数 3
回答已采纳
我使用的是角2(不是最新的使用通过角-cli: 1.0.0-beta.11-webpack.9-4)，我必须为每个http请求将withCredentials设置为true。我尝试将它设置为一个请求使用
http.get(''，{ withCredentials: true })
而且一切都很好，不过，我正试着在引导中使用一些东西，如下所示，但没有取得任何成功。
import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynami
浏览 1提问于2016-09-28得票数 3
1回答
我使用一个保护程序来检查用户是否有足够的权限访问我的角度应用程序中的页面。为了获取该信息，它对api进行异步调用。它大部分时间都很好用。我正在运行Chrome的一些性能测试，以优化移动设备上的应用程序行为，在缓慢的3G节流中进行测试时，警卫发出的呼叫似乎在大约445 be后自动取消。
以下是守则的有关部分：
auth.service
import { HttpClient, HttpParams } from '@angular/common/http';
import { Injectable } from '@angular/core';
import {
浏览 2提问于2019-09-05得票数 0
5回答
在我的角度应用程序中，我使用我创建的服务中的get请求从api中获取数据，我试图为该api创建post请求，而且，我的代码似乎不起作用。到目前为止我的代码是：
import { Injectable } from '@angular/core';
import { HttpClient, HttpEventType, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http';
import { HttpClientModu
浏览 0提问于2019-03-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
