定义

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装；

一款ajax请求工具

 特点

• 前后端都可以使用
• 不依赖dom
• 拦截扩展强调
• 可封装复用性强

安装

cd 项目目录
npm i axios -S 

 在vue全局挂载

 导入main.js
import axios from 'axios'
挂载
Vue.prototype.$axios='axios'
使用
this.$axios.xxx

 便捷方法

post(url,data,config)

 

get(url,config)
    get传递参数给后端
        ?参数名=参数值&参数名2=参数值2
        ?courrent=2

 

 delete(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.ersponse.data  返回失败数据
})

 config axios配置

headers 请求头
    添加token "Authorization":'Bearer '+localStorage.getItem("token") 

 

 restFul

1.接口的设计风格
2.强调每个url地址都是一个资源
3.可以通过get，post，put，delete操作资源
4.get获取，post新增，put修改，delete删除