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

相关内容

热门资讯

记者获悉!闲逸透视app在哪里... 记者获悉!闲逸透视app在哪里下载(辅助)原来真的是有辅助插件(有挂解密)-哔哩哔哩闲逸透视app在...
据相关数据显示!八大碗辅助器(... 据相关数据显示!八大碗辅助器(辅助)一贯真的有辅助软件(有挂辅助)-哔哩哔哩一、八大碗辅助器可以开透...
目前!闲聚鱼虾蟹软件脚本辅助器... 目前!闲聚鱼虾蟹软件脚本辅助器(辅助)都是存在有辅助平台(有挂功能)-哔哩哔哩1)闲聚鱼虾蟹软件脚本...
现就发布提示!微乐小程序微乐家... 现就发布提示!微乐小程序微乐家乡辅助器(辅助)一贯存在有辅助下载(有挂详情)-哔哩哔哩1、操作简单,...
为切实保障!四川蜀山app辅助... 为切实保障!四川蜀山app辅助(辅助)其实存在有辅助平台(今日头条)-哔哩哔哩1、四川蜀山app辅助...
此事备受玩家关注!正宗牛总管辅... 此事备受玩家关注!正宗牛总管辅助(辅助)好像有挂辅助软件(竟然有挂)-哔哩哔哩1、不需要AI权限,帮...
经调查!天天爱柳州有没有辅助器... 经调查!天天爱柳州有没有辅助器(辅助)切实真的是有辅助修改器(了解有挂)-哔哩哔哩暗藏猫腻,小编详细...
经调查!创思维激k看底牌辅助开... 经调查!创思维激k看底牌辅助开发商(辅助)原来是有辅助下载(有挂攻略)-哔哩哔哩1)创思维激k看底牌...
今天下午!掌中乐游戏通用辅助器... 今天下午!掌中乐游戏通用辅助器(辅助)本来真的有辅助挂(有挂细节)-哔哩哔哩1、玩家可以在掌中乐游戏...
推出新举措!八闽状元郎破解版辅... 推出新举措!八闽状元郎破解版辅助(辅助)总是真的有辅助安装(有挂助手)-哔哩哔哩1、这是跨平台的八闽...