Angular拦截器和CORS之间的区别
创始人
2024-10-27 22:31:03
0

Angular 中的拦截器是一种机制,用于在 HTTP 请求和响应之间添加一些处理步骤,例如鉴权、日志记录等。而 CORS(跨域资源共享)是一种浏览器机制,在跨域请求时用于授权访问的服务器资源。

具体来说,拦截器可以被用来添加一些 HTTP 请求头信息,如下面这个示例:

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

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

可以在 HTTP 客户端中注册这个拦截器,然后在每次请求时自动添加 token 至请求头中,以便后端服务器进行鉴权。

而 CORS 则需要在后端服务器进行配置,以允许特定的源、方法和头信息进行跨域访问。例如,下面的示例展示了如何在 Spring Boot 应用程序中启用跨域支持:

@Configuration public class WebMvcConfigurer implements WebMvcConfigurer {

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")
            .allowedOrigins("*")
            .allowedMethods("GET", "POST", "PUT", "DELETE")
            .allowedHeaders("*")
            .maxAge(3600);
}

}

这个配置允许所有来源的跨域访问,并支持 GET、POST、PUT 和 DELETE 方法,以及包括自定义头信息在内的所有头部信息。可以根据实际需求进行修改。

需要注意的是,在 Angular 中使用拦截器

相关内容

热门资讯

玩家亲测!手机透视辅助器app... 玩家亲测!手机透视辅助器app(辅助挂)wpk插件辅助(最初真的有挂);手机透视辅助器app免费下载...
重要通知!哈局辅助作弊(辅助挂... 重要通知!哈局辅助作弊(辅助挂)werplan透视挂(一贯有挂);小薇(透视辅助)致您一封信;亲爱哈...
分享开挂内幕!老友广东麻将有挂... 您好,老友广东麻将有挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
发现一款!推饼游戏小程序辅助器... 发现一款!推饼游戏小程序辅助器(辅助挂)德普之星透视辅助插件(原先真的是有挂);1、超多福利:超高返...
分享给玩家!陕西挖坑辅助(辅助... 分享给玩家!陕西挖坑辅助(辅助挂)wepoker安装教程(好像存在有挂);致您一封信;亲爱陕西挖坑辅...
我来教大家!玫瑰大厅辅助(辅助... 我来教大家!玫瑰大厅辅助(辅助挂)hhpoker的辅助是真的吗(一贯真的有挂)是一款可以让一直输的玩...
玩家必备教程!广东闲来有辅助软... 玩家必备教程!广东闲来有辅助软件(辅助挂)fishpoker透视底牌(原来有挂)是一款可以让一直输的...
一分钟了解!斗棋有bug么开挂... 一分钟了解!斗棋有bug么开挂(辅助挂)wepoker买脚本靠谱吗(本来是有挂),斗棋有bug么开挂...
重大科普!拼三张自建房软件(辅... 重大科普!拼三张自建房软件(辅助挂)wepoker手机版辅助(原本真的是有挂);大家肯定在之前拼三张...
玩家攻略!闲逸亲友圈app辅助... 玩家攻略!闲逸亲友圈app辅助(辅助挂)wpk透视怎么安装(原生真的是有挂)是一款可以让一直输的玩家...