一、安装axios
npm install --save axios
# 这一步作用是能把json格式的直接转成data所需的格式
npm install qs.js
二、在main.js页面引用
import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$axios = axios
Vue.prototype.qs = qs
三、axios的封装
1、在 /src/plugins 下新建 axios.js 文件
import axios from "axios";
import QS from 'qs'
let config = {
};
const _axios = axios.create(config);
_axios.interceptors.request.use(
function(config) {
return config;
},
function(error) {
return Promise.reject(error);
}
);
_axios.interceptors.response.use(
function(response) {
return response;
},
function(error) {
return Promise.reject(error);
}
);
export default axios
2、在apis.js里集中写项目需要的接口请求
import axios from './$http'
import base from './base'
import QS from 'qs'
const demo = {
eggDemo() {
return axios.get(`${base.egg}/api/role` );
}
}
export default demo;
3、把汇总了所有接口的apis.js引入到main.js里,并挂载到vue原型上:
import demo from './request/apis'
Vue.prototype.$api = demo;