0
点赞
收藏
分享

微信扫一扫

6.Vue使用axios-二次封装

安装

npm install  --save axios

在mian.js中引入

import axios 'axios' (axios不需要使用vue.use(),我也是不明所以然啊

到这里我都会对axios进行二次封装

在http文件夹中新建api.js 文件

引入axios

import axios 'axios'

对post,get请求进行封装

get请求:

get请求封装


postJson请求:

postJson请求封装


postForm请求:

postForm请求封装


文件请求:(这个其实不怎么用到Element有文件上传的插件)

文件请求封装


封装完成了之后对它们进行输出(install 方法将被作为 Vue 的参数调用):

输出


在mian.js中引入并且注册

import axiosApi from '@/http/api.js'

Vue.use(axiosApi)

axios有两个拦截器请求拦截器,响应拦截器可以进行处理

响应拦截器:

响应拦截器


请求拦截器:(上个项目中使用的是token)

请求拦截器
举报

相关推荐

axios 二次封装

二次封装axios

二次封装axios并使用

axios的二次封装

Axios 二次封装详解

0 条评论