angular - 如何修复登录请求的 401(未经授权)

Question

我在使用 JWT 身份验证的登录请求中收到 401 错误，在注册页面上它运行良好并且在数据库中创建了用户，但登录无效。我真的不知道要包含哪些代码，所以请随意获取所需的代码。

我已验证输入的凭据已存在于数据库中

登录.ts

export class LoginComponent {

  public form={
em:null,
pass:null
  };
  public error = null;
    constructor(private http :HttpClient) { 

    }
Submit(){
    this.http.post('http://localhost:8000/api/login',this.form).subscribe(
      data => console.log(data),
      error => console.log(error)
    );

  }
    }

API.php

<?php


Route::group([

    'middleware' => 'api',


], function () {

    Route::post('login', 'AuthController@login');
});

登录功能

public function login()
    {
        $credentials = request(['email', 'password']);

        if (! $token = auth()->attempt($credentials)) {
            return response()->json(['error' => 'user does not exist'], 401);
        }

        return $this->respondWithToken($token);
    }

Answer 1

您需要在您的发布请求中发送一个Authorization header :

Authorization: 'Bearer ' + jwtToken

与其在每个 api 调用中手动发送授权 header ，更好的选择是使用 HttpInterceptor。

See this blog for more details