요청이 성공하면 토큰이 로컬 저장소에 추가되지 않습니다.

Question

aurelia-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

토큰

그래서 당신은

에 API 응답의 구조를 변경해야 아우렐 리아 - 인증에 기본적으로 응답 소품 'access_token이'의 값이 될 것으로 예상된다 (또는 객체를 포함)

{ access_token: YOUR_TOKEN } 

서버를 제어 할 수없는 경우 기본 구성을 무시하여 토큰을 추출 할 수 있습니다. 여기에 문제의 하나는, 토큰이 추출 방법에 대한 명확한 그림을 위해 또한 더 here

, responseTokenProp입니다 here