当前位置：首页 > article >正文

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

article 2025/3/16 17:41:34

方法一

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

查看全文

原文地址:https://blog.csdn.net/weixin_46001736/article/details/146284009
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.kler.cn/a/587242.html 如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！