这个问题通常出现在你在Angular应用程序中使用Firebase进行身份验证时。它表示用户的会话未被验证或已过期,因此Firebase在尝试读取或写入数据时会遇到权限问题。一个常见的解决方案是添加一个身份验证拦截器来确保在每个HTTP请求中都有相应的身份验证令牌。
下面是一个示例身份验证拦截器代码:
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { AngularFireAuth } from '@angular/fire/auth';
import { switchMap } from 'rxjs/operators';
import { from } from 'rxjs';
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
constructor(private auth: AngularFireAuth) {}
intercept(req: HttpRequest, next: HttpHandler) {
return from(this.auth.currentUser).pipe(
switchMap(user => {
if (user) {
const authReq = req.clone({
headers: req.headers.set('Authorization', `Bearer ${user.getIdToken()}`)
});
return next.handle(authReq);
} else {
return next.handle(req);
}
})
);
}
}
在这个身份验证拦截器中,我们首先注入 AngularFireAuth 以获取当前用户。然后,我们使用 RxJS 的 switchMap 操作符在 currentUser 观察对象上切换并返回新的 HTTP 观察对象,该对象具有身份验证令牌。最后,我们使用 HttpRequest 对象的 clone 方法和 set 方法设置 Authorization 标头。
此外,我们还需要将身份验证拦截器提供给 Angular HTTP 客户端。我们可以通过在 AppModule 的 providers 数组中添加以下代码来实现这一点:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from