一.定义
一款ajax请求工具
特点:
01 前后端都可以使用
02 不依赖dom
03 拦截扩展强调
04 可封装复用性强
二.安装
cd 项目目录
npm i axios -S
三.在Vue全局挂载
01 导入main.js import axios from 'axios' 02 挂载 Vue.prototype.$axios = axios 03 使用 this.$axios.xxx
四.便捷方法
post(url,data,config) get(url,config) get传递参数给后端 ?参数名=参数值&参数名2=参数值2 ?current=2 .delelte(url,config) 删除 .put(url,data,config)修改
五.基础方法
axios({ url 请求的地址 method 请求方法 get post put delete data,post 请求的数据 params,get请求的数据 headers 请求头配置 })
六.执行结果
网络请求成功 .then(res=>{ res.data 请求返回数据 }) 请求失败 .catch(err=>{ err.response.data 返回失败数据 })
七.config axios配置
headers: 请求头 添加token 'Authorization': 'Bearer ' + localStorage.getItem('token')
八.restFul
1.接口的设计风格 2.强调每个url地址都是一个资源 3.通过get,pots,,put,delete操作资源 4.get获取,post新增,put修改,delete删除