vue知识点--axios

目录

一、axios是什么

二、axios的特点

 三、axios安装

 四、在vue全局挂载

 五、axios便捷方法

六、axios基础方法

 七、axios执行结果

八、config axios配置

 九、restFul

一、axios是什么

axios时目前最流行的ajax封装库之一，用于很方便地实现ajax请求的发送。

二、axios的特点

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

 三、axios安装

打开cmd命令窗口 cd到项目目录

输入命令：  npm i axios -S 

然后运行项目

 四、在vue全局挂载

1、导入（在mian.js中）

import axios from 'axios'

2、挂载（在mian.js中）

Vue.prototype.$axios = axios;

3、使用（在App.vue中）

this.$axios.xxx

示例：

 五、axios便捷方法

1.  post(url , data , config)
2.  get(url , config)  
3.  .delete(url,config)   删除
4.  .put(url,data,config)    修改

六、axios基础方法

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

示例：

 七、axios执行结果

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

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

八、config axios配置

配置请求头信息 

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

示例： 

 九、restFul

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