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 { }

相关内容

热门资讯

WPK下载窍门!wepoker... WPK下载窍门!wepoker辅助工具,德州微扑克一贯有开挂神器1、每一步都需要思考,不同水平的挑战...
WPK工具大纲!wepoker... WPK工具大纲!wepoker免费脚本咨询,德州微扑克其实是有辅助器插件1、起透看视 wepoker...
WPK透视版指引!wepoke... WPK透视版指引!wepoker怎么看底牌,德州微扑克都是是真的有透视挂工具1.wepoker怎么看...
WPK安装诀窍!wepoker... WPK安装诀窍!wepoker透视脚本苹果版,德州微扑克一直是有辅助器软件在进入wepoker透视脚...
WPK四人指引!wepoker... WPK四人指引!wepoker免费辅助器,德州微扑克一贯有透视技巧1、首先打开wepoker免费辅助...
WPK官网方案!wepoker... WPK官网方案!wepoker怎么挂飞机,德州微扑克都是存在有开挂方法wepoker怎么挂飞机能透视...
WPK靠谱经验!wepoker... WPK靠谱经验!wepoker透视苹果系统,德州微扑克果然真的是有透视挂脚本1、wepoker透视苹...
WPK透视版策略!we-pok... 您好,we-poker正规吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】...
WPK链接法子!wepoker... WPK链接法子!wepoker辅助工具,德州微扑克都是是真的有透视方法1、实时wepoker辅助工具...
一分钟揭秘!微乐小程序免费黑科... 一分钟揭秘!微乐小程序免费黑科技(开挂),微乐浙江麻将原来真的是有透视挂工具微乐小程序免费黑科技能透...