安装 npm i --save axios
main.js里面引入axios import axios from 'axios'
挂载原型 Vue.prototype.$http = axios
src目录下新建fetch文件夹,新建文件config.js,fetch.js
config文件
fetch文件
import Axios from 'axios'
import config from './config'
const fetch = Axios.create(config)
// 请求时的拦截
fetch.interceptors.request.use(config=> {
// 发送请求之前做一些处理
return config;
}, error=> {
// 当请求异常时做一些处理
return Promise.reject(error);
});
// 响应时拦截
fetch.interceptors.response.use(response=> {
// 返回响应时做一些处理
return response;
},error=>{
// 当响应异常时做一些处理
return Promise.reject(error);
});
export default fetch
src下新建文件夹api,新建文件api.js
引入fetch import fetch from '../fetch/fetch';
封装请求
调用
import {ValidSession} from '../api/api'