Angular在POST/PUT请求中删除了授权头
创始人
2024-10-30 20:30:46
0

这是因为Angular的HttpClient默认使用了浏览器提供的XMLHttpRequest对象,在发送跨域请求时会先发送OPTIONS预检请求进行验证,此时如果代码中没有对OPTIONS请求进行处理,则会导致授权头被删除。解决方法是在服务端添加CORS(跨源资源共享)配置,或者在Angular代码中添加拦截器对OPTIONS请求进行处理,在请求头中添加Access-Control-Allow-Headers字段,并将其设为所需要的授权头。

以下是示例代码:

// 定义拦截器 @Injectable() export class AuthInterceptor implements HttpInterceptor { intercept(req: HttpRequest, next: HttpHandler): Observable> { if (localStorage.getItem('token')) { req = req.clone({ setHeaders: { Authorization: Bearer ${localStorage.getItem('token')} } }); }

if (req.method === 'OPTIONS') {
  req = req.clone({
    headers: req.headers.set('Access-Control-Allow-Headers', 'Authorization')
  });
}

return next.handle(req);

} }

// 在模块中添加拦截器 @NgModule({ imports: [ BrowserModule, HttpClientModule ], providers: [ { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true } ], bootstrap: [AppComponent] }) export class AppModule { }

相关内容

热门资讯

解密一下!广西优乐免费辅助,陕... 解密一下!广西优乐免费辅助,陕西奇迹打锅子破解,确实是真的有挂(哔哩哔哩)1、让任何用户在无需广西优...
科普一下!陕西三带辅助,新九天... 科普一下!陕西三带辅助,新九天辅助,总是存在有挂(哔哩哔哩)该软件可以轻松地帮助玩家将陕西三带辅助外...
揭幕一下!闲聚辅助器,八仙游戏... 揭幕一下!闲聚辅助器,八仙游戏辅助,都是是真的有挂(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-激活...
详细一下!多乐够级辅助,浙江游... 详细一下!多乐够级辅助,浙江游戏大厅修改器,原来有挂(哔哩哔哩)多乐够级辅助透视方法中分为三种模型:...
解谜一下!小程序牵手跑得有外挂... 解谜一下!小程序牵手跑得有外挂吗,人海大厅脚本,原来是真的有挂(哔哩哔哩)1、进入到小程序牵手跑得有...
开挂一下!内蒙麻将外卦神器下载... 开挂一下!内蒙麻将外卦神器下载,上饶中至能操控吗,本来真的是有挂(哔哩哔哩)内蒙麻将外卦神器下载透视...
教你一下!点我达辅助,玄龙辅助... 教你一下!点我达辅助,玄龙辅助工具,原来有挂(哔哩哔哩)1、点我达辅助免费辅助多个强度级别选择2、点...
曝光一下!钱塘十三水透视,一起... 曝光一下!钱塘十三水透视,一起宁德钓蟹辅助器,竟然存在有挂(哔哩哔哩)1、钱塘十三水透视透视辅助软件...
解密一下!决战十三水辅助,吉祥... 解密一下!决战十三水辅助,吉祥填大坑技巧,确实是真的有挂(哔哩哔哩)1、完成决战十三水辅助有辅助插件...
了解一下!微信小程序微乐辅助器... 了解一下!微信小程序微乐辅助器破解版,葫芦娃七子降妖破解版内购,本来真的是有挂(哔哩哔哩)1、微信小...