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

相关内容

热门资讯

一分钟揭秘!!wepoker网... 很多人使用云端 AI 时,都担心wepoker网页版透视方法、内部资料上传带来隐私风险。这款本地运行...
大神推荐!如何下载wepoke... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成如何下载wepoker安装包解析、 ...
重大发现!wepoker破解版... wepoker破解版内购AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略...
推荐攻略!wpk透视脚本,德普... 推荐攻略!wpk透视脚本,德普之星透视软件神器(从前是真的有辅助器)AI 是一款可以让一直输的玩家修...
热点推荐!wpk作弊,微扑克可... 您好,热点推荐!wpk作弊,微扑克可以开挂吗教程(从来真的是有开挂)这款游戏可以开挂的,确实是有挂的...
攻略讲解!wpk俱乐部是做什么... 您好,攻略讲解!wpk俱乐部是做什么的,德普之星开挂透视教程插件(本然有透视挂)这款游戏可以开挂的,...
1.9分钟了解!wepoker... 1.9分钟了解!wepoker辅助器官方,wepoker开挂破解脚本(最初存在有辅助器)AI 是一款...
解密关于!wpk透视辅助下载,... wpk透视辅助下载AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包...
信息共享!wepokerplu... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepokerplus到底是挂了吗解...
切实教程!wpk辅助器下载,德... wpk辅助器下载AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,...