タグ

ブックマーク / qiita.com/YU-TA-9 (1)

  • Next.jsでトークン設定済みのAxiosを使えるようにしてみた - Qiita

    経緯 Axiosに認証トークンを設定する処理を共通化したい 何ならAxiosを使用する際にトークン設定済みの状態にしたい 方法 Axiosのインスタンスを生成→ヘッダーの設定→そのインスタンスの返却、を行うラッパー?ソースファイルを用意する。 各ソースファイルでAxiosを使用したいときは、そのラッパーファイルから呼ぶようにする。 実装 ラッパーファイル(例:customAxios.ts) import axios from 'axios'; // Axios体をインポート const instance = axios.create(); // Axiosインスタンスを生成 instance.interceptors.request.use( (config) => { // 認証トークンをヘッダーに付与 config.headers.common['Authorization'] =

    Next.jsでトークン設定済みのAxiosを使えるようにしてみた - Qiita
  • 1