vue-routerで簡単な認証に関する処理など。
例によって
https://github.com/umanari145/admin_tool
を題材に。
サーバーサイドとのルーティング
サーバー側のルーティングを制御していないとURLを直で叩いても404になることに注意。
ちなみにlaravelのルーティングであれば、
1 2 3 |
Route::get('/{any}', function () { return view('welcome'); })->where('any','.*'); |
でOK。要はこれより上部で拾えなかったら全てここにくる(welcomeはvueを読み込んだbladeという意味)
vue-router×vuex
https://github.com/umanari145/admin_tool/blob/main/resources/js/router/index.js
- 基本的にログインに関するユーザー情報の変数はvuexで管理することになると思うのでvuexが必須
- 認証と非認証ページをつかいわける(上のソースでいうと meta:{requireAuth:true} )
- version3と4で呼び出し方が少し変わるので注意。