配置Token一般需要进行以下步骤:
defaults.headers.common
属性为该实例设置默认的请求头,包括Authorization字段用于传递Token。例如:
import axios from 'axios';
const api = axios.create({
baseURL: 'http://api.example.com',
headers: {
common: {
Authorization: `Bearer ${localStorage.getItem('token')}`
}
}
});
export default api;
// 用户登录方法
async function login(username, password) {
const response = await axios.post('http://api.example.com/login', { username, password });
const token = response.data.token;
localStorage.setItem('token', token);
}
import api from '@/api';
async function getMyData() {
const response = await api.get('/mydata', {
headers: {
Authorization: `Bearer ${localStorage.getItem('token')}`
}
});
return response.data;
}
需要注意的是,Token应该在每次登录或刷新页面时从服务器获取,并定期更新以提高安全性。另外,在使用本地存储保存Token时应注意保护用户隐私和防范XSS攻击。