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

2023-04-26
2023-04-27
網頁設計, JavaScript 教學

讓 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 囉！