在Angular中,可以通过使用拦截器来在API授权中获取用户ID。下面是一个解决方法的示例代码:
首先,创建一个AuthInterceptor拦截器,该拦截器将在每个HTTP请求中添加授权头和用户ID:
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
intercept(request: HttpRequest, next: HttpHandler): Observable> {
// 获取用户ID
const userId = localStorage.getItem('userId');
// 添加授权头和用户ID
if (userId) {
request = request.clone({
setHeaders: {
Authorization: `Bearer ${userId}`
}
});
}
return next.handle(request);
}
}
然后,在app.module.ts文件中将AuthInterceptor添加到提供的拦截器列表中:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import { AuthInterceptor } from './auth.interceptor';
@NgModule({
imports: [BrowserModule, HttpClientModule],
declarations: [AppComponent],
providers: [
{ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
],
bootstrap: [AppComponent]
})
export class AppModule { }
现在,在每个发出的HTTP请求中都会自动包含用户ID,只需确保在登录或认证成功后将用户ID存储在localStorage中即可。请注意,上述示例假设用户ID已存储在localStorage中,您可以根据您的实际需求进行调整。