laravel 6护照中未经授权的401错误

Question

我正在尝试使用 laravel 护照对用户进行身份验证。我遵循 laravel 护照文件中的每一步。但是当我访问受“auth:api”中间件保护的路由时，它会显示错误。我已经在互联网上进行了搜索，但到目前为止，任何答案都不起作用。请查看代码，以及我到目前为止尝试过的内容。

使用的技术

• Laravel 6
• Laravel 护照
• Vue 2
• Axios

目前尝试过：

• 在AuthServiceProvider 中将Passport::routes(); 更改为Passport::routes(null, ['prefix' => 'api/oauth', 'middleware' => ['auth:api', 'web', 'auth']]);。也试过Passport::routes(null, ['prefix' => 'api/oauth');
• 试图运行php artisan cache:clear

routes/api.php

Route::middleware('auth:api')->group(function() {
    Route::get('user', function() {
        return request()->user();
    });

    Route::get('posts', 'PostController@index')->name('posts');
    Route::post('posts/store', 'PostController@store')->name('posts.store');
    Route::get('posts/{id}/show')->name('posts.show');

    Route::get('users/{id}/show')->name('users.show');
});

Axios

mounted() {
   axios.get('/api/posts')
      .then(res => this.posts = res.data).catch(error => console.log('Unable to fetch posts.'))
}

错误

标题：

如果您需要一些我的帖子中没有说明的细节，请告诉我。

设置

1. 运行composer require laravel/passport:9 进行安装。
2. 为表格运行 php artisan migrate。
3. 运行php artisan passport:install 生成加密密钥。
4. 在User 模型中添加了Laravel\Passport\HasApiTokens 特征。
5. 在AuthServiceProvider 中添加了Passport::routes();。
6. 在config/auth.php 中将guard 的api 驱动程序更改为passport。

完整源代码：

Click this link

Answer 1

我认为您应该按照以下步骤检查您的代码。

第 1 步：User 模型必须使用 HasApiTokens

...
class User extends Authenticatable
{
    use HasApiTokens, Notifiable;
}

第 2 步：Passport::routes 方法在您的AuthServiceProvider 的引导方法中

class AuthServiceProvider extends ServiceProvider
{
...
    public function boot()
    {
        $this->registerPolicies();

        Passport::routes();
    }
}

第3步：在你的config/auth.php配置文件中，你应该将api authentication guard的驱动选项设置为passport

'guards' => [
    'api' => [
        'driver' => 'passport',
        'provider' => 'users',
    ],
],

第 4 步（可选）： 如果您想从您的 JavaScript 应用程序使用您的 API，您需要手动向应用程序发送访问令牌，并将其与每个请求一起传递给您的应用程序。但是，Passport 包含一个可以为您处理此问题的中间件。您需要做的就是将CreateFreshApiToken 中间件添加到您的app/Http/Kernel.php 文件中的Web 中间件组：

'web' => [
    // Other middleware...
    \Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,
],

！您应该确保 CreateFreshApiToken 中间件是中间件堆栈中列出的最后一个中间件。

编辑（2021 年 10 月 17 日）：
您应该尝试将身份验证中间件添加到您的Kernel.php 的$middlewareGroups

protected $middlewareGroups = [
...
  'api' => [
    'throttle:60,1',
    \Illuminate\Routing\Middleware\SubstituteBindings::class,
    'auth:api', //Need to add
  ],
];

编辑（2021/10/25）：
我下载了你的代码并调试它。调试时会得到如下结果：

标头 JWT 对 JSON 结构无效。 Laravel Passport 库和您的系统之间似乎不兼容。您应该检查您的系统版本（PHP、Laravel 等）。我会继续调查。如果您有任何新信息，请告诉我

编辑（2021/11/02）：

在您的 composer.json 文件中将您的 laravel/framework 依赖项更新为 ^6.0。如果已安装，请将您的 laravel/passport 依赖项更新为 composer.json 文件中的 ^9.3.2。

https://laravel.com/docs/6.x/upgrade#updating-dependencies

根据 Laravel 6.x 文档，Laravel Passport 的版本是从 9.3.2 开始的。请试试这个版本。

Answer 2

如果您使用 Api/oauth 前缀并添加 auth:api 中间件，则您需要通过 Bearer 令牌进行身份验证。

所以可能是您遇到了与 csrf 令牌相关的问题，因此请尝试在下面禁用它。

Passport::ignoreCsrfToken(true);

Answer 3

您应该将令牌持有者添加到您的 ajax 请求中。登录成功后即可获取。

// laravel
use Illuminate\Support\Facades\Auth;
use App\Models\User;

public function login()
{
    $credentials = request(['email', 'password']);
    $user = User::where('email', $credentials['email'])->first();

    if (!$user || !$token = Auth::attempt($credentials)) {
        return response()->json(['success'=> false, 'error' => 'неверный логин или пароль', 'cr' => $credentials], 422);
    }

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

---

// vue login
async function login(email, password) {
  try {
    const response = await axios.post('/auth/login', {email, password});
    
    const token = response.data.token;
    
    // some func to store token, I am using vuex mutations for this
    storeToken(token);
  }
  catch(error) {
    console.error(error);
  }
};

// vue regular function
async function changePassword(newPassword) {
  // get token from global storage, with vuex it will be like store.state.auth.token
  const token = getToken();

  await axios.post('/user/changePassword', {newPassword}, headers: { Authorization: `Bearer ${token}`});
}

Answer 4

您忘记运行php artisan passport:keys ...因此可能没有可用的 RSA 密钥对，这一点至关重要。客户通常可以添加：php artisan passport:client。而且一般来说，调试 Laravel 中间件没有默认配方……只有xdebug。