axios

无处安放的小A

于 2022-07-28 20:08:18 发布

阅读量251

点赞数

文章标签： javascript vue 前端

本文链接：https://blog.csdn.net/qq_67746968/article/details/126042622

版权

本文介绍了Axios，一个强大的Ajax请求库，它不依赖DOM，适用于前后端开发。通过简单易用的API，可以方便地进行GET、POST、PUT、DELETE等操作。在Vue项目中，可以全局挂载Axios，快速调用API。同时，文章还提到了RESTful接口设计原则，强调了资源操作的规范性。

摘要由CSDN通过智能技术生成

定义

一款ajax 请求工具
特点：
01 前后端都可以使用
02 不依赖dom
03 拦截扩展强调
04 可封装复用性强

cd 项目目录

npm i axios -S

import axios from 'axios'

Vue.prototype.$axios = axios

this.$axios.xxx

post(url,data,config)
get(url,config)：get传递参数给后端
	?参数名=参数值&参数名2=参数值2
	?current=2
.delete(url,config）
删除
.put(url,data,config)
修改

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

网络请求成功
.then(res=>{
    res.data  请求返回的数据
})
请求失败
.catch(err=>{
    err.response.data  返回失败数据
}）

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

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

关注