Axios基础使用以及api的深入理解

// 引入axios库
const axios = require('axios');
 
// 创建axios实例，可以添加配置信息，例如基础URL
const instance = axios.create({
  baseURL: 'https://api.example.com'
});
 
// 请求拦截器：在发送请求前做一些处理
instance.interceptors.request.use(config => {
  // 可以在这里添加例如token等请求头
  config.headers['Authorization'] = 'Bearer yourTokenHere';
  return config;
}, error => {
  // 请求错误处理
  return Promise.reject(error);
});
 
// 响应拦截器：在接收响应后做一些处理
instance.interceptors.response.use(response => {
  // 对响应数据做处理，例如只返回data部分
  return response.data;
}, error => {
  // 响应错误处理
  return Promise.reject(error);
});
 
// 发起GET请求
instance.get('/endpoint')
  .then(response => {
    console.log('Success:', response);
  })
  .catch(error => {
    console.error('Error:', error);
  });
 
// 发起POST请求
instance.post('/endpoint', { data: 'This is data' })
  .then(response => {
    console.log('Success:', response);
  })
  .catch(error => {
    console.error('Error:', error);
  });

这段代码展示了如何使用axios创建一个带有基础URL的axios实例，并且展示了如何添加请求拦截器和响应拦截器来处理请求和响应。最后，我们通过GET和POST方法发起请求，并在请求成功或失败时进行处理。这是一个基本的例子，实际使用时可以根据具体需求进行调整。