如何使用vue axios解决laravel中的401未授权响应

npm install axios

yarn add axios

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://your-api-url', // 设置后端API的基础URL
  timeout: 5000 // 设置请求超时时间
});

// 请求拦截器
api.interceptors.request.use(
  config => {
    // 在请求发送之前可以进行一些处理，例如添加请求头信息
    config.headers['Authorization'] = 'Bearer ' + localStorage.getItem('token');
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
api.interceptors.response.use(
  response => {
    // 对响应数据进行处理，例如处理401未授权响应
    return response;
  },
  error => {
    if (error.response.status === 401) {
      // 处理401未授权响应，例如跳转到登录页面
      router.push('/login');
    }
    return Promise.reject(error);
  }
);

api.get('/api/endpoint')
  .then(response => {
    // 处理成功响应
  })
  .catch(error => {
    // 处理错误响应
  });