Vue使用axios

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({配置}) //这种方式也可以，没有实验成功，没有效果