基于vue中axios二次封装params

1.这是一个根据params 请求的http.js
import axios from 'axios'; import util from './util' //获取 accessToken function accessToken() { return util.getToken('accessToken') } class API { request(command, params = {}) { return new Promise((resolve, reject) => { /* 处理回调*/ var data = Object.assign({}, { 'command': command, 'access_token': accessToken() }, { 'params': params }); axios({ method: 'post', url: process.env.API_ROOT, data: data }) .then(res => { if (res.data.code === 0) { resolve(res.data.data); } else { reject(res.data.error) } }) /*抛出异常*/ .catch(error => { reject(error); }) }) } } export default new API();

2.新建一个index.js管理 API 请求
import API from './http'
export default class UserAPI {
static login(params) {
// params 相当于请求命令
return API.request('admin.login', params).then(res => {
  //处理状态码
});
}
}

    3.在mian.js 配置全局

import UserAPI from './js/index'
Vue.prototype.UserAPI = UserAPI;

   4.在你要发请求的组建发送axios 请求

  this.UserAPI.login(params);
 //当然,在这个方法后面处理也可以
 this.userAPI.login(params).then(res=>{
 ........................
 })

  

  

posted @ 2018-10-19 10:56  仅此_而yi  阅读(336)  评论(0)    收藏  举报