Laravel 8 前端快速上手

2021-07-26 09:46 更新

注意：為了使用 Passport 的 Vue 組件，你必須使用 Vue JavaScript 框架。這些組件也使用了 Bootstrap CSS 框架。然而，如果你不打算使用這些工具，這些組件對于你自己的前端組件編寫也十分有價值。

提供了一系列 JSON API ，你可以用它們來允許你的用戶創(chuàng)建客戶端和個人訪問令牌。然而，編寫與這些 API 交互的前端代碼可能是很占用時間的。因此，Passport 也包括了預(yù)編譯的 Vue 組件，你可以直接使用或?qū)⑵渥鳛槟阕约旱那岸藚⒖肌?/p>

要使用 Passport 的 Vue 組件，使用 vendor:publish Artisan 命令：

php artisan vendor:publish --tag=passport-components

被發(fā)布的組件將會被放到 resources/js/components 目錄下。當(dāng)組件被發(fā)布后，你應(yīng)該在你的 resources/js/app.js 文件中注冊它們：

Vue.component(
    'passport-clients',
    require('./components/passport/Clients.vue').default
);

Vue.component(
    'passport-authorized-clients',
    require('./components/passport/AuthorizedClients.vue').default
);

Vue.component(
    'passport-personal-access-tokens',
    require('./components/passport/PersonalAccessTokens.vue').default
);

注意：在 Laravel v5.7.19 之前，在注冊組件時添加 .default 會導(dǎo)致控制臺錯誤。有關(guān)此更改的解釋，請參閱 Laravel Mix v4.0.0 release notes 發(fā)布說明。

注冊完組件之后，需要運行 npm run dev 重新編譯代碼。編譯好之后就可以在項目中使用組件建立客戶端和個人訪問令牌：

<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號