Nuxt.jsでログインをどうやるか、そしてCookieからlocalStorageへ - DJ lemon-Sour's diary (prod.hisasann)
🦑 まえがき Nuxt.js でいわゆる basic なログインの仕組み （ユーザーID・パスワードを入れる系）を作ろうとすると、なかなか大変で、これは Cookie が SSR 時と CSR 時に API サーバーまで勝手に送信するしないの話などあり、結構気にする箇所は多くなります。 Cookie を使ったパターン では、 Cookie はあくまでも Nuxt.js 側のみで使用し、 BFF との通信は、リクエストヘッダーにログイントークンをのせて送信しています。 また、ログイン処理後はレスポンスヘッダーからログイントークンをもらい、それを Cookie に保存します。 それについての考察は以下にまとめております。 Nuxt.jsを使ったログイン周りの仕組みについて · hisasann/typescript-nuxtjs-boilerplate Wiki また、 OAuth 版ではあ
NuxtJSにRepositoryFactoryパターンを適用してAPIを利用する
// nuxt.config.ts { modules: [ '@nuxtjs/axios', ], plugins: [ '~/plugins/axios' ] } 下記は、プラグインの実装方法です。このプラグインでは、エラーハンドリングを共通にすること、デバッグ目的で表示するリクエスト、レスポンスの表示などを行う例です。 import { Plugin } from '@nuxt/types' import { AxiosError, AxiosResponse, AxiosRequestConfig } from 'axios' const axisoIntercector: Plugin = ({ $axios, redirect }) => { $axios.onRequest((config: AxiosRequestConfig) => { if (!window.navig
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
