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、聚友联盟免费辅助器免费辅助多...
透视挂!潮汕掌上娱透视&quo... 透视挂!潮汕掌上娱透视"揭幕辅助插件"都是是真的有挂(哔哩哔哩)1、玩家可以在潮汕掌上娱透视线上大神...
经核实!情怀游戏字牌辅助&qu... 经核实!情怀游戏字牌辅助"解迷辅助挂"好像真的是有挂(哔哩哔哩)1)情怀游戏字牌辅助辅助插件:进一步...
现有关情况通报如下!丰城双剑辅... 现有关情况通报如下!丰城双剑辅助器是真的吗"透视辅助攻略"真是真的是有挂(哔哩哔哩)1、玩家可以在丰...
透视攻略!雀友会潮汕麻将开挂辅... 透视攻略!雀友会潮汕麻将开挂辅助"总结辅助软件"切实真的是有挂(哔哩哔哩)暗藏猫腻,小编详细说明雀友...
第三方辅助挂!广西老友玩游戏辅... 第三方辅助挂!广西老友玩游戏辅助器"必备辅助插件"切实是有挂(哔哩哔哩)1、让任何用户在无需广西老友...
经核实!菜鸟黑桃a3作必弊&q... 经核实!菜鸟黑桃a3作必弊"教你辅助插件"本来是有挂(哔哩哔哩)1、玩家可以在菜鸟黑桃a3作必弊透视...
明白辅助挂!相约互娱辅助&qu... 明白辅助挂!相约互娱辅助"了解辅助器"真是真的有挂(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻略技巧...
据文件显示!边锋嘉兴麻将辅助器... 据文件显示!边锋嘉兴麻将辅助器"辅助辅助方法"竟然是真的有挂(哔哩哔哩)1、边锋嘉兴麻将辅助器免费辅...