Element UI 发送 HTTP 请求

在使用 Element UI 发送 HTTP 请求之前，需要先在 Vue 实例中引入 Element UI 的组件。以下是一个简单的示例：

import { Loading, Message } from 'element-ui';
export default {
components: {
Loading,
Message
},
methods: {
httpRequest(url, method, data, successCallback, errorCallback) {
let loadingInstance = Loading.service({ fullscreen: true });
axios({ url, method, data })
.then(response => {
loadingInstance.close();
if (response.data.code === 0) {
successCallback(response.data.data);
} else {
Message.error(response.data.msg);
}
})
.catch(error => {
loadingInstance.close();
errorCallback(error);
});
}
}
};

在上面的代码中，我们定义了一个 httpRequest 方法，它接受五个参数：url、method、data、successCallback 和 errorCallback。这个方法使用了 Element UI 的 Loading 和 Message 组件来显示加载中和错误提示，同时也使用了 axios 来发送 HTTP 请求。在请求成功时，我们关闭了加载提示，并根据响应数据调用 successCallback 回调函数；在请求失败时，我们关闭了加载提示，并调用 errorCallback 回调函数。
要使用 httpRequest 方法发送 HTTP 请求，只需要传入请求的 URL、请求方法、请求数据以及成功和失败的回调函数即可。例如：

this.httpRequest('/api/user', 'post', { name: 'Tom', age: 18 }, data => {
console.log(data);
}, error => {
console.error(error);
});

在上面的代码中，我们向 /api/user 发送了一个 POST 请求，请求数据是 { name: 'Tom', age: 18 }。当请求成功时，我们打印出响应数据；当请求失败时，我们打印出错误信息。
需要注意的是，在使用 Element UI 的 http-request 组件发送 HTTP 请求时，需要注意一些特殊情况的处理。例如，当需要跨域请求时，需要在请求的 URL 中添加 ?access_token=xxx 等参数；当需要上传文件时，需要覆盖默认的上传行为，并使用自己定义的方法处理上传文件的情况。具体处理方式可以根据实际需求进行选择和实现。