方法一

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