vue中axios的封装

为什么要对axios进行封装

• 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。axios有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。
• 在一个完整的项目中，和服务端的交互会很频繁，一个项目会有很多请求，冗余代码很多。所以将请求封装，统一管理还是很有必要的。
• axios的封装主要目的就是在帮助我们简化项目代码和利于后期的更新维护。

axios的安装

npm install axios; // 安装axios

axios的封装

• 一般在项目的src目录中会新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装axios，而api.js用来统一管理接口。

代码示例：

import axios