main.js-------------------
import axios from "axios";
import qs from "qs";
import { Message } from "element-ui";
//设置api基础路由，统一设置
axios.defaults.baseURL= ""
//POST传参序列化(添加请求拦截器)
axios.interceptors.request.use(
config => {
// 在发送请求之前做某件事
if (
config.method === "post" ||
config.method === "put" ||
config.method === "delete"
) {
// 序列化
config.data = qs.stringify(config.data);
}
// 若是有做鉴权token , 就给头部带上token
if (localStorage.token) {
config.headers.Authorization = localStorage.token;
}
return config;
},
error => {
Message({
// 饿了么的消息弹窗组件,类似toast
showClose: true,
message: error,
type: "error.data.error.message"
});
return Promise.reject(error.data.error.message);
}
);
Vue.prototype.$http = axios;
axios.create({配置}) //这种方式也可以，没有实验成功，没有效果