vue3:request.js中请求方法，api封装请求，方法请求

方法一

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); 
}
// 用户信息
export function getuserinfo(){
    return get('/user/getuserinfo')
}

页面请求

import { login } from '@/api/user'
//post请求
login(ruleForm).then(res => {
    ...
})

//使用async 和await方法的get请求
async...
let res = await getuserinfo();

方法二

 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
    })
}

//获取用户信息
export function getuserinfo(){
    return get({
        url:'/user/getuserinfo'
    })
}

页面请求

import { login } from '@/api/user'

login( ruleForm ).then(res => {
    ...
})