使用axios封装Ajax调用数据接口

好的，以下是一个基于axios封装的Ajax调用数据接口的示例：

import axios from 'axios';

const request = axios.create({
  baseURL: 'https://api.example.com', // 接口的基础路径
  timeout: 5000, // 请求超时时间
});

// 请求拦截器
request.interceptors.request.use(config => {
  // 在发送请求之前做些什么，比如添加token
  config.headers.Authorization = 'Bearer ' + getToken();
  return config;
}, error => {
  // 对请求错误做些什么
  console.error('请求拦截器错误：', error);
  return Promise.reject(error);
});

// 响应拦截器
request.interceptors.response.use(response => {
  // 对响应数据做些什么，比如处理错误状态码
  if (response.status !== 200) {
    console.error('响应状态码错误：', response.status);
    return Promise.reject(new Error('响应状态码错误'));
  }
  return response.data;
}, error => {
  // 对响应错误做些什么
  console.error('响应拦截器错误：', error);
  return Promise.reject(error);
});

export default request;

// 调用接口
import request from '@/utils/request';

request({
  method: 'get',
  url: '/api/user',
  params: {
    id: 1
  }
}).then(response => {
  console.log(response);
}).catch(error => {
  console.error(error);
});

以上代码中，我们通过axios.create()方法创建了一个axios实例，然后定义了请求拦截器和响应拦截器，在发送请求之前可以在请求头中添加token，对响应数据也可以进行一些处理。最后我们导出了这个axios实例，并在调用接口时使用。