谈谈在vue项目中api的封装(理解)
api的封装要用到axios模块。所以那我们在创建好vue脚手架后需要安装axios依赖包(指令:npm i axios --save)。
api的封装主要的目的就是:在帮助我们简化代码和后期的更新维护。
axios封装
在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,类似于JQ中的ajax,用于HTTP请求,可运行在浏览器端和node.js中。他有很多优秀的特性,例如支持promise API、拦截请求和响应、取消请求、转换json、客户端防御XSRF等
具体步骤:
1、首先在src文件夹下创建一个api文件夹
2、在api文件夹中创建三个js文件(core.js)核心文件、(config.js)配置文件、(index.js)入口文件
3、配置核心文件(core.js)
// 核心文件
import axios from "axios"; //引入axios模块
i