vue axios二次封装的详细解析

axios的二次封装

视频讲解

npm i axios //下载axios

首先创建两个文件夹在src目录下；api和config

先在 config文件夹 下建立一个 index.js ；具 体代码如下：

export default{
baseUrl:{
dev: “http://localhost:8082/mhy”, //开发环境
pro: “http://xxx.xx.xx.xx:8082/mhy”, //上线环境
}
}

当然我这里是因为我主要写后端springboot，就没有使用什么第三方前端的请求工具

在 api文件夹 下建立一个 axios.js ；对 axios进行二次封装;

最后在api文件夹下创建你需要调用的api，当然你可以写在一个里面，也可以不同模块分开写

我这里是分开写的:

然后看看具体怎么使用

fileApi.js

简单的写一个；在组件中引入就可以使用了

import { deleteImgAPI, uploadImgAPI } from ‘@/api/fileApi’

当然最后你也可以全局注册一下，然后直接通过proxy调用，也很方便，

查看更多关于vue axios二次封装的详细解析的详细内容...