axiosのヘッダーにJSON Web Tokenを埋める
JSON Web Token を毎回ヘッダに埋めるのが嫌だったのでつくってみました。
http.js
import axios from 'axios'
const http = axios.create({
baseURL: `${process.env.API_URL}/api/v1/`
})
http.interceptors.request.use((config) => {
if (token) {
config.headers.Authorization = `Bearer ${token}`
return config
}
return config
}, function (error) {
return Promise.reject(error)
})
http.post('/hogehoge')
http.interceptors.request.use で、リクエストを投げる前にインターセプトしてリクエストヘッダにアクセスできるので、それを利用します。
Token を Cookie やローカルストレージなど、環境に合わせて取得し、それを Authorization : Bearer token の形になるように埋めています。
あとはそのインスタンスを使い回すだけ、最高。
Author And Source
この問題について(axiosのヘッダーにJSON Web Tokenを埋める), 我々は、より多くの情報をここで見つけました https://qiita.com/chanuu/items/b1ae3939e149ec12a166著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .