Vue Axios Http 工具包 封装

注意事项

1.http.js 放在 src 下 避免出现 vue 全局变量无法使用

//导入 axios
import axios from 'axios';

export function post(method) {
    return new Promise((resolve, reject) => {
        axios.post(host + String(method), data = null, Headers = {contentType: "application/json; charset=utf-8"}
        ).then(res => {
            resolve(res.data.result);
        }).catch(err => {
            reject(err.data)
        });
    });
}

/*前端使用 注意关键字 async 和 await
*     async login() {
* //参数类型
// let works = {
//     workContent: this.$refs.ue.msg,
//     empId: this.user.id,
//     itemId: 1,
//     username: this.user.qname
//   };
let data = await postp('login', works);
* */
// post 请求 携带参数
export function postp(method, params) {
    return new Promise((resolve, reject) => {
        axios.post(host + String(method),  
         params = (JSON.parse(JSON.stringify(params))),
         Headers = {contentType: 'application/json; charset=utf-8'}
      ).then(res => {
            resolve(res.data.result);
        }).catch(err => {
            reject(err.data)
        });
    });
}

//delete 请求 携带参数
export function deletep (method, params) {
  return new Promise((resolve, reject) => {
    axios.delete(host + String(method), {
      Headers: {contentType: 'application/json; charset=utf-8'},
      params: params
    }).then(res => {
      resolve(res.data.result)
    }).catch(err => {
      reject(err.data)
    })
  })
}
export function get(method) {
    return new Promise((resolve, reject) => {
        axios.get(host + String(method)
        ).then(res => {
            resolve(res.data.result);
        }).catch(err => {
            reject(err.data)
        })
    });
}

//参数类型
// let params = new URLSearchParams();
// params.append("username", this.username);
// params.append("password", this.password);
// let result = await getp("login", params);
//请求注意 同步async  await 关键字

export function getp(method, params) {
    return new Promise((resolve, reject) => {
        axios.get(host + String(method), {
            params: params
        }).then(res => {
            resolve(res.data.result);
        }).catch(err => {
            reject(err.data)
        })
    });
}

//put请求
export function putp (method, params) {
  return new Promise((resolve, reject) => {
    axios.put(host + String(method),  
     params = (JSON.parse(JSON.stringify(params))),
      Headers = {contentType: 'application/json; charset=utf-8'}
    ).then(res => {
      console.log('res.data.result')
      console.log(res.data.result)
      resolve(res.data.result)
    }).catch(err => {
      reject(err.data)
    })
  })
}