如何在 Laravel 和 Vue.js 中使用 jwt-auth 检查用户是否经过身份验证

Question

我使用 Laravel 5.4 创建了一个 API，并在其中实现了 JWT 身份验证。现在，我正在从 Vue.js 项目访问我的 API，并在登录后获取令牌。但我不知道如何使用令牌来检查用户是否经过身份验证。解决方法是什么？

这是 Vue.js login() 方法：

login() {
    if(this.credentials.login && this.credentials.password) {
        axios.post('http://localhost:8000/api/login', this.credentials)
            .then(response => {
                if(response.data.success) {                            
                    this.token = response.data.token;
                }
            })  
            .catch(error => {
                console.log(error);
            });
    }
}

这里是

/**
 * API Login
 *
 * @param Request $request
 * @return \Illuminate\Http\JsonResponse
 */
public function login(Request $request)
{
    $credentials = $request->only('login', 'password');

    $validator = Validator::make($credentials, [
        'login' => 'required|min:4',
        'password' => 'required|min:6'
    ]);

    if($validator->fails()) {
        $error = $validator->messages()->toJson();
        return response()->json([ 'success' => true, 'error' => $error ]);
    }

    try {
        if(!$token = JWTAuth::attempt($credentials)) {
            return response()->json([
                'success' => false,
                'error' => 'Неверные логин или пароль.'
            ], 401);
        }
    } catch (JWTException $e) {
        return response()->json([
            'success' => false,
            'error' => 'Не удалось создать токен.'
        ], 500);
    }

    return response()->json([
        'success' => true,
        'token' => $token
    ]);
}

顺便说一句，API 在http://localhost:8000/ 上运行，Vue.js 项目在http://localhost:8080/ 上运行

Answer 1

在授权用户并获取令牌后，您可以在每个后续请求中包含令牌，很少有地方可以包含令牌，在 ?token=<token> 之后的请求中作为请求参数，在 @ 下的标头内987654324@ 以及如何从该令牌中获取Authenticated 用户，您可以查看official docs，它为您提供了一个具体示例。