使用AXIOS的JWT身份验证

import axios from 'axios';

const API_URL = 'https://api.example.com';

// 登录并获取JWT令牌
async function login(username, password) {
  try {
    const response = await axios.post(`${API_URL}/login`, { username, password });
    const token = response.data.token;
    return token;
  } catch (error) {
    console.error('登录失败', error);
    throw error;
  }
}

// 发送需要身份验证的请求
async function fetchData(token) {
  try {
    const response = await axios.get(`${API_URL}/data`, {
      headers: {
        Authorization: `Bearer ${token}` // 在请求头中添加JWT令牌
      }
    });
    const data = response.data;
    return data;
  } catch (error) {
    console.error('请求数据失败', error);
    throw error;
  }
}

// 使用示例
async function example() {
  try {
    const token = await login('username', 'password');
    const data = await fetchData(token);
    console.log('获取到的数据', data);
  } catch (error) {
    console.error('示例出错', error);
  }
}

example();