Question

如果是401响应，我如何拦截服务器端点响应并将aurelia应用程序重定向到登录页面？

我试过＆＃34; withInterceptor（responseError（）{...}）＆＃34; aurelia-fetch-client config的方法，但我不能返回＆＃34;新的重定向（loginPage）＆＃34; ...

任何人都知道该怎么做？

Answer 1

以下是一个例子：

import { HttpClient } from 'aurelia-fetch-client';
import { inject } from 'aurelia-framework'
import { Router } from 'aurelia-router'

@inject(HttpClient, Router)
export class UserService {
  http
  router

  constructor(http, router) {
    this.http = http
    this.router = router

    this.http.configure(config => {
      var self = this;
      config
      .withInterceptor({
        responseError(response) {
          if (response.status === 401) {
            self.router.navigateToRoute('login')
          }
          return response; // you can return a modified Response
        },
      });
    });
  }

Answer 2

@Moustachiste使用此方法解决了相同的问题：

注入必须是这样

constructor(
// private _router: Router
@lazy(Router) private _router: () => Router
)

如果服务器返回401响应，则重定向到登录页面

2 个答案: