part.2公開日:2019/09/09前回に引き続きやっていきます。vueファイルを作成し、jwt認証までを行います。環境は以下の通りです。.version()bootstrapを使用しない場合は、app.scssの以下の部分をコメントアウトしてください。'~bootstrap/scss/bootstrap';resources/js/bootstrap.jsを以下のようにしてください。Jsパッケージのセットアップjwt認証に必要なパッケージをインストールします。以下の内容で作成してください。構成に関して詳しくは公式ドキュメントをみてください。Routerの設定resources/js/routerを作成し、index.jsを以下の内容で作成してください。],})それぞれのコンポーネントはあとで作成します。Vuexの設定resources/js/storeを作成し、index.jsを以下の内容で作成してください。ユーザー情報を保存しておきます。以下のように変更してください。store})コンポーネントの作成resources/js/pages/TopPage.vueトップページを作成します。</footer></template>認証周りのvueファイルを作成していきます。ディレクトリを作成し、register.vueを作成します。}</script>次に、ログイン用のLogin.vueを作成します。}</script>this.$auth.loginはresources/auth.jsで定義されているloginです。404ページ/resources/js/pages/NotFound.vueを作成します。index.blade.phpにファイル名を変更し、内容を以下のように書き換えてください。</body></html>App.vueを出力しています。以下の内容で作成してください。返すためだけに作成します。}}全てのパスをindex.blade.phpに通します。web.phpを以下のように変更してください。'^(?!api\/)[\/\w\.-]*')->name('index');最後にサーバーを立ち上げ、ファイルをコンパイルします。watch試しに会員登録を行なってログインしてみてください。アカウントページが表示されれば成功です。これで一通りのjwt認証は終了です。次回はemailを送信し、仮登録を行い本登録をするまでを行います。SPAサイトをPWA化させてWebPushまで実装.htaccessのできることについてまとめる。part.1プロフィールこのサイトを運営しているイノカワです。静岡でフリーランスをやっています。コードを書くのが大好き。いろんな技術に触れて日々気づいたこと・感じたこと・詰まったこと・生活のことを書いています。技術においては雑食です。