一,axios封装request请求,并封装api请求接口的方式
在vue项目目录scr 下新建 network目录 再新建request .js文件
//request .js 文件
// 引入axios请求库
import axios from 'axios'
// 封装Promise实例
export function request (config) {
// 1.创建axios实例
const instance = axios.create({
// 1.1定义统一的请求地址
baseURL: 'https://autumnfish.cn/',
// 1.2定义统一的请求超时设置
timeOut: 5000
})
// 2.1添加请求拦截器
instance.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
console.log(config);
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 2.2添加响应拦截器
instance.interceptors.response.use(function (response) {
// 对响应数据做点什么
console.log(response);
return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error)