Vue项目axios二次封装_vue3 axios二次封装

安装axios

npm install axios

先了解一下axios是什么？

        axios是基于Promise的一个HTTP库，是node.js中的异步通信框架，主要是实现ajax的异步通信，在我们做vue项目时，vue明确界限就是处理dom事件，不具备异步通信功能，所以就需要axios来进行前端异步请求的处理。

为什么要对axios进行二次封装呢？

        在比较小的项目中，我们完全在组件的生命周期函数中发送请求，但当项目越来越大的时候，就会有成百上千个接口，一旦我们需要修改接口地址，就要一个一个去查找去修改，就会很耗时耗力，所以我们就需要统一管理接口地址（api）。

二次封装axios

1. 在src下面新建一个api的文件夹，在里面创建一个http.js文件

//二次封装的axios
import axios from 'axios';  // 引入axios
import { Message } from 'element-ui';
 
const http = axios.create({
    baseURL: '/api',//这是请求接口的地址
 
    timeout: 60000