Vue3+Node.jsで認証機能を実装する - Qiita
はじめに サーバー側、RPA開発の経験が主なのですが、フロント側の経験も積みたく、勉強も兼ねてVue.jsを使った社内システムの開発を最近はじめました。 ほぼ初めて触るのでせっかくならば最新バージョンでと思いVue3で実装をしてみましたので、ここに備忘録として作業内容を残します。 // 余談 現時点(2022/04/09)ではナレッジが少ないことと対応ライブラリが少ない事から、今後の開発が辛いことが分かりましたので、社内システムはVue2で作り直そうと思っています。 本記事で紹介すること 構成図 完成イメージ VueCLIからVueプロジェクト作成 フロントエンド-認証画面の実装 Node.jsプロジェクト作成 バックエンド-認証処理の実装 ※Node.jsとVue.jsのインストールは割愛しております。 構成図 ざっくりこんな感じです。 // コメント 今回はやっておりませんが、実際に作
Laravel SanctumとVue.jsによるSPA認証
Laravel（Framework 7.10.3を利用）のSanctum（以前はAirlockという名前）で「SPA（Single Page Application）認証」としてのAPIを作成し、フロントエンドはVue.jsを利用してログイン・ログアウト機能を実装してみます。 ログインフォーム画面（/login）と、ユーザー名とメールアドレスを表示させる画面 （/about）を作成します。 ログインしていない状態で/aboutにアクセスすると/loginにリダイレクトされ、ログインしている状態で/loginにアクセスすると/aboutへリダイレクトされるように実装しています。このような画面の切り替え自体はフロント側で実装する必要があり、本記事ではLocalStorageとVue Routerの機能を利用しています。 なおLaravelおよびVue.jsともにローカル環境（localhost
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心向け！Vue.jsでReCPTCHAを使ってボタンの制御を行おう！（V2） - Qiita
入門: Vue.jsで認証機能をモジュール化する - Qiita
