php - 如何使用Axios使用经过身份验证的API

Question

我正在尝试使用Vue和Laravel构建应用程序。我目前在Laravel中使用护照认证进行用户认证。但是，当我尝试使用axio从vue组件发出发布请求时，即使当前已登录，我也会得到401未经授权。

这是一些示例代码:

1.从vue组件获取请求

    getEvents() {
      axios
        .get("/api/calendar")
        .then(resp => (this.events = resp.data.data))
        .catch(err => console.log(err.response.data));
    }

2. Laravel路线

Route::apiResource('/calendar', 'CalendarController')->middleware('auth:api');

3.与上方的get请求关联的日历 Controller

    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return CalendarResource::collection(Calendar::all());
    }

我已经花了几个小时解决这个问题，而我发现的所有内容都无法正常工作。因此，我们非常感谢您的帮助。

编辑:

额外详细信息

我正在使用Laravel 5.8.35。

关于护照，我正在使用该文档laravel.com/docs/5.8/passport，并遵循了installationm前端的快速入门和部署步骤。

第二次编辑:

在github上的完整代码

如果可以帮助的话，这是github上的完整项目。 https://github.com/CMHayden/akal.app/tree/feature/Calendar

Answer 1

我对您的项目进行了一些更改，这是github仓库https://github.com/AzafoCossa/ProFix，希望它能起作用。

打开AuthServiceProvider.php文件，将Passport::routes()添加到boot()函数中，然后打开auth.php文件，将“api”防护从'driver'=>'token'更新为'driver'=>'passport'，最后打开Kernel.php文件，添加以下中间件:
'web' => [
// Other middleware...
\Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,
],