vue项目中对axios简单的二次封装

首先我们需要对axios进行安装

使用 npm:

$npminstallaxios

使用 bower:

$ bowerinstallaxios

使用 yarn:

$yarnaddaxios


首先在src文件夹里创建一个config文件夹，在文件夹里面创建index.js

导出一个baseURL对象dev为开发环境的api，pro为生产环境的api

然后在src下创建api文件夹，在文件夹里创建axios.js，

引入axios，config

判断当前的系统环境

创建一个类并在里面创建axios实例，设置拦截器

导出

在api文件夹创建一个data.js文件

引入axios.js

导出一个getMenu方法


使用的时候，直接在.vue文件里引入data.js 解构出getMenu方法


是

在生命周期中调用即可


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容