如何将Vue中封装的axios实现为长尾词，用于统一管理API接口？

本文共计1799个文字，预计阅读时间需要8分钟。

在Vue项目中，我们经常使用axios与后端进行数据交互。axios拥有许多实用的特性，这里不详细介绍，相关细节可查阅axios中文网。在对axios进行封装之前，我们需要使用vue脚手架工具创建项目。

在vue项目中，我们通常都是使用axios与后台进行数据交互，axios有很多好用的特性，这里不多做介绍，相关细节可以查阅axios中文网。在对axios进行封装之前，我们要使用vue脚手架工具创建一个vue项目（这里我用的是cli4）。

安装

cnpm install axios --save-dev; // 安装axios cnpm install qs --save-dev; // 安装qs模块，用来序列化post类型的数据，否则后端无法接收到数据

模块引入

在src目录下创建一个service目录，用于存放接口封装的相关文件。然后在service目录中创建service.js，用于axios、qs模块的引入，并在此文件中对axios进行封装。