More than 5 years have passed since last update.

Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみた

Last updated at 2017-03-18Posted at 2017-03-15

Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみました。

ソースコードはこれです。

Herokuで動かしているのですが、最初の読み込みさえ終わってしまえば、さくさく動きます。

スクリーンショット

Laravel は、最初にビューを返した後、そこからはJSONのみやり取りして、そこからの描画は Vue.js が全部やってます。

Axios でリクエスト飛ばしています。

koel をかなり参考にしました。

認証にはOAuthではなくJWTAuth。Laravelの場合、導入は非常に簡単です。

状態管理には State パターンを使っていて、 Vuex は使っていません。
この規模であれば十分でしょう。

Vue.js超楽しい。

Qiitaにアウトプットすると、定着率が上がるので、そのうちチュートリアルとか書いてみようかと思ってます。

↓