[JS筆記] Token 自動帶入請求?不用每次請求再帶入 Token

axios 請求驗證的 Authorization 自動帶入 Token 的方法,以 axios 的 GET 請求為範例:

Token 自動帶入的寫法範例

關鍵的語法是這句:

axios.defaults.headers.common['Authorization'] = `Bearer ${your_token}`;

完整範例如下:

// 設定預設的 HTTP Headers,其中包含 token
axios.defaults.headers.common['Authorization'] = `Bearer ${your_token}`;

// 發送 API 請求
axios.get('https://example.com/api/data')
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.error(err.response);
  });

這樣就只要寫一次就好,不用每次請求都帶入 Token 囉!

Token 自動帶入
帶入 Token。圖片來源:Unsplash

延伸閱讀:JavaScript 教學系列文章

分享這篇文章

發佈留言