axios技术

npm install axios

封装axios

import axios from 'axios';  
  
const service = axios.create({  
  baseURL: "", // api的url  
  timeout: 5000, // 请求超时时间 
  headers: {
		'Content-Type': 'application/json', // 设置默认请求头  
	}
});  
  
// 添加请求拦截器
service.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
service.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });
  
export default service;

get

axios.get('/model/api.php', {
    params: {
        id: 123
    }
})
    .then(response => {
        console.log(response) // 返回数据
    })
    .catch(error => {
        console.log(error); // 打印错误信息  
    });

post

axios.post('/model/api.php', {
    id: 123
})
    .then(response => {
        console.log(response) // 返回数据
    })
    .catch(error => {
        console.log(error); // 打印错误信息  
    });