Angular正拦截后端预期的请求
创始人
2024-10-30 22:00:50
0

您可以使用Angular提供的Http Interceptor来实现这一点。拦截器是一个中间件,它拦截HTTP请求,可以用来修改请求和响应。

以下是一个示例,演示如何在请求头中添加Authorization标头:

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest, next: HttpHandler) {
    const authReq = req.clone({
      headers: req.headers.set('Authorization', 'Bearer ' + localStorage.getItem('token'))
    });

    return next.handle(authReq);
  }
}

将此拦截器提供给您的应用程序:

import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from './auth.interceptor';

@NgModule({
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AuthInterceptor,
      multi: true
    }
  ]
})
export class AppModule { }

相关内容

热门资讯

五分钟解迷!赣湘互娱辅助,全民... 五分钟解迷!赣湘互娱辅助,全民比鸡bug(真是是真的挂)-哔哩哔哩一、赣湘互娱辅助AI软件牌型概率发...
8分钟分享!潮友会app下载安... 8分钟分享!潮友会app下载安卓,途游辅助官网(切实是有挂)-哔哩哔哩1、许多玩家不知道潮友会app...
8分钟必备!人海大厅辅助插件,... 8分钟必备!人海大厅辅助插件,天天卡五星攻略(一直真的有挂)-哔哩哔哩1、每一步都需要思考,不同水平...
第四分钟解迷!拱趴大菠萝辅助工... 第四分钟解迷!拱趴大菠萝辅助工具下载,卡农血拼辅助(竟然真的是有挂)-哔哩哔哩1、打开软件启动之后找...
七分钟必备!兴动互娱游戏辅助器... 七分钟必备!兴动互娱游戏辅助器好用吗,水鱼辅助软件下载(其实是有挂)-哔哩哔哩亲,关键说明,兴动互娱...
1分钟揭露!微信小程序万能修改... 1分钟揭露!微信小程序万能修改器,川娱竞技辅助(总是真的是有挂)-哔哩哔哩1)微信小程序万能修改器辅...
一分钟详细!0759湛江吴川三... 一分钟详细!0759湛江吴川三脚鸡辅助,水鱼天下破解版微信(真是真的有挂)-哔哩哔哩1、实时0759...
四分钟科普!新上游拼十辅助,科... 四分钟科普!新上游拼十辅助,科技新星游牛牛辅助(都是真的有挂)-哔哩哔哩1、该软件可以轻松地帮助玩家...
第三分钟揭露!传送屋激k万能辅... 第三分钟揭露!传送屋激k万能辅助器app,四川熊猫辅助软件视频(好像是有挂)-哔哩哔哩1、任何传送屋...
6分钟详情!中至九江脚本,四川... 6分钟详情!中至九江脚本,四川游戏家园辅助软件(都是真的有挂)-哔哩哔哩1、四川游戏家园辅助软件透视...