基于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=>{
........................
})

浙公网安备 33010602011771号