封装axios from axios
- 在根目录下安装axios
cnpm install axios -S
- 安装完成后在项目axios.js中引入
import axios from 'axios'
const instance = axios.create({
baseURL: 'https://some-domain.com/api/',
timeout: 1000,
headers: {'X-Custom-Header': 'foobar'}
});
-
创建 “请求” 拦截器
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);
});
- 需要对部分内容进行修改
baseURL、timeout、headers
baseURL: 'http://localhost:8090',
timeout: 5000,
headers: { 'X-Custom-Header': 'foobar' }
- 抛出instance
export default instance
结语:
axios基础功能封装完毕 还需要对axios进行完善 比如baseURL暂时是写死的