美文网首页Vue项目VueVUE常用知识点
6.Vue3.0使用axios-二次封装

6.Vue3.0使用axios-二次封装

作者: 拖孩 | 来源:发表于2019-05-06 14:57 被阅读448次

安装

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)

请求拦截器

相关文章

网友评论

    本文标题:6.Vue3.0使用axios-二次封装

    本文链接:https://www.haomeiwen.com/subject/vloroqtx.html