分请求拦截器、响应拦截器
1. 新建一个 utils 文件夹,新建一个 request.js
2. 在 request.js 中写入以下模板
// 引入axios import axios from 'axios'; import qs from 'qs'; // 创建axios实例 const instance = axios.create(); // 请求拦截器 instance.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); }); // 添加响应拦截器 instance.interceptors.response.use(function (response) { // 对响应数据做点什么 return response; }, function (error) { // 对响应错误做点什么 return Promise.reject(error); }); // 导出实例 export default instance;
3. 在需要的页面引入使用
1. request({ 2. url: '', 3. params: { id: 1 } 4. }).then(data => { 5. })