Angular2 在获取资源时监视 302 重定向

Angular 2中监视302重定向并获取资源的方法

typescript
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class RedirectInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest, next: HttpHandler): Observable> {
    return next.handle(req).pipe(
      // 监听响应
      map(event => {
        // 检查是否是302重定向
        if (event instanceof HttpResponse && event.status === 302) {
          // 获取重定向的URL
          const redirectUrl = event.headers.get('Location');
          
          // 执行你的逻辑，例如再次发起请求
          // ...
          // 返回一个响应，可以是修改后的响应或者继续原始的响应
          return event;
        }
        return event;
      })
    );
  }
}

typescript
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { RedirectInterceptor } from './path-to-your-interceptor';
@NgModule({
  imports: [HttpClientModule],
  providers: [
    // 将拦截器添加到HTTP_INTERCEPTORS数组
    { provide: HTTP_INTERCEPTORS, useClass: RedirectInterceptor, multi: true }
  ]
})
export class YourAppModule { }