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.拱趴大菠萝挂哪里 选牌创建新账号,点...
透视有挂"hh po... 透视有挂"hh poker辅助有用吗"确实有辅助攻略(哔哩哔哩)1、每一步都需要思考,不同水平的挑战...
透视详细"wepok... 透视详细"wepoker俱乐部辅助"切实真的是有辅助器(哔哩哔哩)1、操作简单,无需wepoker俱...
透视普及"wepok... 透视普及"wepoker轻量版透视"都是存在有辅助挂(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻略技...
透视开挂"hhpok... 透视开挂"hhpoker万能辅助器"切实存在有辅助技巧(哔哩哔哩)1、hhpoker万能辅助器有没有...
透视解密"hhpok... 您好,hhpoker辅助软件下载这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...
透视详细"wepok... 透视详细"wepokerplus到底是挂了吗"都是是真的辅助技巧(哔哩哔哩)1、每一步都需要思考,不...
透视总结"竞技联盟辅... 透视总结"竞技联盟辅助插件"其实是真的辅助攻略(哔哩哔哩)1、该软件可以轻松地帮助玩家将竞技联盟辅助...
透视曝光"wpk俱乐... 透视曝光"wpk俱乐部是真的吗"本来真的有辅助神器(哔哩哔哩)wpk俱乐部是真的吗破解侠是真的助透视...
透视开挂"拱趴大菠萝... 透视开挂"拱趴大菠萝有挂吗"好像存在有辅助器(哔哩哔哩);1、玩家可以在拱趴大菠萝有挂吗透视最简单三...