请求成功后未添加到本地存储的令牌

Question

我在奥雷利亚-奥斯插件上遇到麻烦了。我可以从后端请求一个令牌，并获得成功的响应--但是，我的应用程序似乎没有经过身份验证，也没有令牌保存到本地存储中。

auth-config.js

var config = {

  baseUrl: 'http://localhost:64794',
  signupUrl: 'users',
  loginUrl: 'api/values/PostPassword',
  tokenName: 'id_token',
  loginRedirect: '#/welcome',
  authHeader: 'Authorization',
  authToken: 'Bearer',
  storage: 'localStorage'
}

export default config;  

login.js

import {AuthService} from 'aurelia-auth';
import {inject} from 'aurelia-framework';

@inject(AuthService)

export class Login {

  heading = 'Login';

  email = '';
  password = '';

  loginError = '';

  constructor(auth) {
    this.auth = auth;
  };

  login() {
    return this.auth.login(this.email, this.password)
    .then(response => {
      console.log("Login response: " + response);
      console.log("Auth: " + this.auth.isAuthenticated());
    })
    .catch(error => {
      this.loginError = error.response;
    });
  };
}

控制台输出：

Login response: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6ImIiLCJuYmYiOjE1MDkyNzkxMzYsImV4cCI6MTUwOTI4MDMzNiwiaWF0IjoxNTA5Mjc5MTM2fQ.4QZu8pQI-K_71x_CKT9ANu1vQD7VvVUcyep51CvvCXg
login.js:27 Auth: false

如有任何建议，将不胜感激。

Answer 1

在默认情况下，令牌(或包含它的对象)是默认情况下响应中的支柱'access_token‘的值。

因此，需要将api响应的结构更改为

{ access_token: YOUR_TOKEN }

如果您无法控制服务器，则仍然可以通过覆盖默认配置来提取令牌。问题之一是responseTokenProp，更多的这里

此外，要更清楚地了解令牌是如何提取的，请查看这里。