axios的安装及封装

# 利用npm install axios --save

## 在 utils中新建一个axios.js

import axios from "axios";
import api from "../config/api.js";
import msg from "../utils/msg.js";
import qs from "qs";
// axios.defaults.withCredentials = true;

const $axios = axios.create({
// baseURL: process.env.NODE_ENV === 'production' ? '' : config.baseURL,
baseURL: api.host,
timeout: 60000,
headers: {
post: { "Content-Type": "application/x-www-form-urlencoded; charset=utf-8" }
}
});
$axios.interceptors.request.use(
config => {
if (config.method == "post") {
console.log(qs.stringify(config.data));
config.data = qs.stringify(config.data);
}
return config;
},
error => {
return Promise.reject(error);
}
);
$axios.interceptors.response.use(
res => {
if (res.data.state == 0) {
// 报错
msg.fail(res.data.msg);
} else {
return res;
}
},
err => {
return Promise.reject(err);
}
);

export default $axios;

### 注意:如果后台做了限制post请求数据无法正常显示的话需要借助第三方插件qs

#### 在全局main.js中引用 import $axios from "./utils/axios";在进行实例化:Vue.prototype.$http = $axios;