axios

axios:

Web数据交互方式
Axios ,是一个基于promise 的HTTP库，作用域node.js和浏览器中…
一款请求工具:—>
特点：01.前后端都可以使用
02.不依赖dom 03.拦截扩展强 04.可封装复用性强

原理：

axios本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范。

主要特点：

1.从浏览器创建 XMLHttpRequests
2.从 node.js 创建 http 请求
3.支持 Promise API
4.拦截请求和响应
5.转换请求和响应数据
6.取消请求
7.自动转换JSON数据
8.客户端支持防御XSRF
安装：
cd 项目目录
npm i axios -S

在vue全局挂载：

01.导入main.js import axios from ‘axios’
02.挂载： Vue.prototype.&axios=axios;(在每个组件都可以用 prototype是固定的 axios是自定义的)
03.使用：this.$axios.—

便捷方法：

.post(url,data,config)
.delete(url,config)
get(url,config)---->get传递参数给后端?参数名=参数值&参数名2=参数值2?current=2

基础方法：

 axios({
Url:请求的地址
methods://请求方法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, post, put, delete,操作资源
4.get获取 post新增put修改