方法一
request.js
// 封装GET请求
export const get = (url, params = {}) => {return request.get(url, { params });
};
// 封装POST请求
export const post = (url, data = {}) => {return request.post(url, data);
};
api封装
import { post } from '@/utils/request';
// 登录
export function login(data) {return post('/user/login', data);
}
页面请求
import { login } from '@/api/user'login(ruleForm).then(res => {...
})
方法二
request.js
//使用拼接方法
export const get = (obj) => {obj.method = 'GET'if (obj.data) {obj.url += '?' + Object.keys(obj.data).map(key => key + '=' + obj.data[key]).join('&')}return request(obj)
}
export const post = (obj) => {obj.method = 'POST'return request(obj)
}
api封装
import { post, get } from '@/utils/request'
// 登录
export function login(data) {return post({url: '/user/login',data})
}
页面请求
import { login } from '@/api/user'login( ruleForm ).then(res => {...
})