时间戳

首页 > 解决方案 > Laravel + Angular - 在 1 个 GET 方法上获取 401 未经身份验证

javascript - Laravel + Angular - 在 1 个 GET 方法上获取 401 未经身份验证

问题描述

我正在开发一个 Laravel + Angular 应用程序，并且仅在 1 个 GET 请求中得到 401 Unauthorized 。

在这里，我解释了我是如何开发身份验证的，以及它是如何在后端和前端工作的。我希望你能帮助我。

我使用 Laravel Sanctum 在我的应用程序中管理身份验证。这是我对后端进行编程的方式。

我从我的 BD 表中获取用户：

注意：我创建了一个单独的控制器，将身份验证功能与用户功能分开，即便如此，我还是尝试将此功能放在我的 AuthController 中，但它没有给我任何结果。

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\User;

class UsersController extends Controller
{
    public function getAllUsers()
    {
        return User::all();
    }

}

因为我希望您只有通过身份验证才能检索所有数据库用户，所以在我的 api.php 文件中，我将路径放在中间件中：

Route::middleware('auth:sanctum')->group(function() 
{
    Route::post('logout', [\App\Http\Controllers\AuthController::class, 'logout']);
    Route::get('getAuthUser', [\App\Http\Controllers\AuthController::class, 'getAuthUser']);

    //Admin actions
    Route::post('createUser', [\App\Http\Controllers\AuthController::class, 'createUser']);
    Route::get('getAllUsers', [\App\Http\Controllers\UsersController::class, 'getAllUsers']);
});

如果我从邮递员发出请求，一切正常，如果我没有通过身份验证，它会给我一个错误，如果我之前已经过身份验证，它会按照我的预期返回所有数据库用户。顺便说一句，我正在使用 cookie 将 jwt 发送到前端。

问题是在我的 Angular 应用程序中，我使用 GET 方法请求我的后端来检索这些用户并将它们显示在表格中。此外，检索用户的代码处于查看用户是否经过身份验证的条件内。事实是，我不明白可能发生了什么。

getUsers(): void
  {
    //Check if user is authenticated
    this.http.get('http://localhost:8000/api/getAuthUser', { withCredentials: true }). subscribe(
      (res: any) =>
      {
        Emitters.authEmitter.emit(true);
        Emitters.roleEmitter.emit(res.role);
        
        

        //Get all users
        this.http.get('http://127.0.0.1:8000/api/getAllUsers', { withCredentials: true }). subscribe(
          res =>
          {
            this.users = res;
          }
        )
      },
      err =>
      {
        Emitters.authEmitter.emit(false);
        Emitters.roleEmitter.emit("none");
        alert("You should be authenticated for this.");
      }
    );
  }

您在 getAuthUser 上方看到的第一个请求以与第二个请求 getAllUsers 相同的方式向后端发出请求，第一个请求完美，而第二个则没有，这是我得到错误的地方。我在 ngInit() 中调用 getUsers() 方法。

我希望我已经很好地解释了自己。任何你需要知道的信息让我知道。谢谢你。

标签： javascriptangularlaravellaravel-sanctum

解决方案

解决方案是在请求中给出了更改 api 路径的错误，而不是将 127.0.0.1 放入 localhost。

推荐阅读