带有 nuxtjs 的 laravel 护照答案

【问题标题】：laravel passport with nuxtjs带有 nuxtjs 的 laravel 护照
【发布时间】：2021-08-31 11:12:03
【问题描述】：

我正在尝试从 nuxtjs 前端向 laravel 后端发送请求，该后端使用 laravel 护照对用户进行身份验证

复制示例 env 文件并使用来自 laravel 的值填充它

cp .env.example .env

，但我的 nuxtjs 项目中没有 .env 文件！我应该手动制作一个吗？还是我误解了他的意思？我找不到任何答案的其他问题是，在这种情况下，我应该在服务器端做什么才能使其接受 nuxtjs 请求？因为在 github 上的这个示例中，我没有注意到他在 laravel 方面做了任何额外的工作，所有工作都在 nuxtjs 方面。

这是应该复制到.env中的.env.example

LARAVEL_ENDPOINT='http://127.0.0.1:8000'
PASSPORT_PASSWORD_GRANT_ID=
PASSPORT_PASSWORD_GRANT_SECRET=

【问题讨论】：

cp .env.example .env 命令复制.env.example并命名为.env，然后在.env中填写

标签： laravel nuxtjs

【解决方案1】：

您必须通过以下方式创建 .env 文件：

cp .env.example .env

我们知道 NuxtJS 是前端（客户端），Laravel 是后端（服务器），在 NuxtJS POV 上：

// WHICH SERVER DO I TRY TO CONNECT 
LARAVEL_ENDPOINT='http://127.0.0.1:8000'

// THE CREDENTIALS I MUST PROVIDE TO THE SERVER
PASSPORT_PASSWORD_GRANT_ID=
PASSPORT_PASSWORD_GRANT_SECRET=

PASSPORT_PASSWORD_GRANT_ID 和 PASSPORT_PASSWORD_GRANT_SECRET 由 Laravel Passport 在 Laravel（后端）端使用此命令 php artisan passport:client 生成，以生成供您的客户端使用的凭据，在这种情况下是 NuxtJS。

尝试回头阅读他们的docs 上的 Laravel Passport (OAuth2)

【讨论】：