axios

1.介绍

1.1定义

Axios是一个基于promise 的 HTTP 库，可以用在浏览器和 node.js中。

1.2原理

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

1.3特点

1.前后端都可以使用
2.不依赖dom
3.拦截扩展强调
4.可封装复用性强

补充的一些特点

• 从浏览器创建 XMLHttpRequests

• 从 node.js 创建 http 请求

• 支持 Promise API

• 拦截请求和响应

• 转换请求和响应数据

• 取消请求

• 自动转换JSON数据

• 客户端支持防御XSRF 

2.使用

cmd命令进入到自己的项目中
npm i axios -S

2.1在vue全局挂载

01 导入 main.js
import axios from 'axios'

02 挂载
Vue.prototype.$axios = axios;

03 使用
this.$axios.xxx

例

2.2便捷方法 

post(url,data,config)

get(url,config)

 get传递参数给后端
?参数名=参数值&参数名2=参数值2
?current=2

.delete(url,config)
删除

.put(url,data,config)
修改

2.3基础方法

axios({
  url,//请求的地址
 method,//    请求方法 get,post,put,delete
 data,//post请求的数据
params,//get请求的数据
headers,//请求头配置
})

3.执行的结果

网络请求成功
.then(res=>{
  res.data 请求返回的数据
})

请求失败
.catch(err=>{
   err.response.data 返回失败数据
})

例

 4.config axios配置

headers:
请求头

添加token
"Authorization":'Bearer '+localStorage.getItem("token") 

这里很重要！！！！

5.restFul

定义

RESTFUL是一种网络应用程序的设计风格和开发方式，基于HTTP，可以使用XML格式定义或JSON格式定义。RESTFUL适用于移动互联网厂商作为业务接口的场景，实现第三方OTT调用移动网络资源的功能，动作类型为新增、变更、删除所调用资源。

特点

.接口设计风格

 强调每个url地址都是一个资源

 可以通过get ,post,put,delete操作资源

 get获取,post新增,put修改,delete删除