1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
getuser(params) {
    return new Promise((resolve, reject) => {
      axios
        .post("/user", {
          ...params
        })
        .then(data => {
          resolve(data);
        })
        .catch(error => {
          resolve(error);
        });
    });
  }

1
2
3
4
getuser(params) {
  return axios.post("/user", {...params})
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import { interceptorsResponseS, interceptorsResponseE } from "./axios-config";
import axios from "axios";
import { devopsIP } from "../../static/http.js";
import qs from "qs";

//axios 实例
const service = axios.create({
  baseURL: "http://" + devopsIP
});

// 添加响应拦截器
service.interceptors.response.use(interceptorsResponseS, interceptorsResponseE);

class serviceManger {
  getuser(params) {
    return axios.post("/user", {...params})
  }
  ...
}
export default new serviceManger();

1
2
3
import serviceManger from "@/server/index.js";
Vue.prototype.$serviceManger = serviceManger; // 其中$xx为新命的名。全局引入

1
2
3
4
this.$serviceManger.geruser(params).then((data)=>{
  ...
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { Message } from "element-ui";

//响应拦截的两个方法
export function interceptorsResponseS(response) {
  // 对响应数据做点什么
  const res = response.data;
  if (res.code !== "0") {
    Message({
      type: "error",
      message: res.msg,
      duration: 5 * 1000
    });
  } else {
    return response.data;
  }
}
export function interceptorsResponseE(error) {
  // 对响应错误做点什么
  Message({
    type: "error",
    message: error.message,
    duration: 5 * 1000
  });
}