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 中使用拦截器

相关内容

热门资讯

正品辅助!葫芦娃七子降妖破解版... 正品辅助!葫芦娃七子降妖破解版内购(透视)wepoker正确养号方法(wpk教程开挂辅助透视)《详细...
本然有辅助"四川途游... 您好:四川途游小程序辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的...
了解辅助!hhpoker作笔实... 了解辅助!hhpoker作笔实战视频(透视)pokemmo手机脚本(大神讲解开挂辅助插件)您好:hh...
起初有开挂"下载微乐... >>您好:下载微乐小程序自建房透视确实是有挂的,很多玩家在这款下载微乐小程序自建房透视游戏中打牌都会...
曝光辅助!闲逸碰免费下载(透视... 您好:德普之星怎么设置埋牌这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户...
起初有辅助"约战丹东... 大家好,今天小编来为大家解答约战丹东苹果辅助这个问题咨询软件客服可以免费测试直接加微信(136704...
关于开挂!大唐麻雀辅助器怎么设... 关于开挂!大唐麻雀辅助器怎么设置(透视)wpk德州局透视(教你攻略开挂辅助下载)您好:大唐麻雀辅助器...
先前有辅助"今日长牌... 先前有辅助"今日长牌辅助"开挂(透视)辅助透视(高科技教程有挂解密)这是一款可以让一直输的玩家,快速...
必看辅助!小南四川长牌辅助工具... 必看辅助!小南四川长牌辅助工具(透视)hhpoker辅助挂下载(透明挂教程开挂辅助工具)《详细加薇1...
本然有开挂"天天微友... 本然有开挂"天天微友插件"开挂(透视)辅助神器(黑科技教程有挂存在)1、下载安装好天天微友插件,进入...