1.1.1axios基础用法

官网地址：

axios中文网|axios API 中文文档 | axios

• 基于promise用于浏览器和node.js的http客户端

• 支持浏览器和node.js

• 支持promise

• 能拦截请求和响应

• 自动转换JSON数据

• 能转换请求和响应数据

• get和 delete请求传递参数

  • 通过传统的url  以 ? 的形式传递参数

  • restful 形式传递参数

  • 通过params  形式传递参数

• post  和 put  请求传递参数

  • 通过选项传递参数

  • 通过 URLSearchParams  传递参数

1.1.2传参

1.发送get 请求

 get请求传递参数

app.js

//允许别人在客户端的地址栏中写参数，送给服务器（接口地址）
app.get('/acdata/:id',(req,res)=>{console.log(req.params);res.send('acdata--小余同学');})

预览：

postman请求发送数据:

get请求传递参数

app.js:

app.get('/adata',(req,res)=>{res.send('adata--小余同学');console.log(req.query)})

预览：

 post请求传递参数

app.js

app.post('/pdata',(req,res)=>{console.log(req.body);res.send('hx')
})

预览：

1.1.2axios 拦截器

• 请求拦截器

  • 例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易

  • 请求拦截器的作用是在请求发送前进行一些操作

• 响应拦截器

  • 例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

  • 请求拦截

  • 响应拦截器的作用是在接收到响应后进行一些操作

axios.interceptors.request.use(function(config) {console.log(config.url)// 任何请求都会经过这一步   在发送请求之前做些什么   config.headers.mytoken = 'nihao';// 这里一定要return   否则配置不成功  return config;
}, function(err){// 对请求错误做点什么    console.log(err)
})

• 响应拦截

axios.interceptors.response.use(function(res) {// 在接收响应做些什么  var data = res.data;return data;
}, function(err){// 对响应错误做点什么  console.log(err)
})

1.2 async await

1.1.1基本用法

• async作为一个关键字放到函数前面

  • 任何一个async函数都会隐式返回一个promise

• await关键字只能在使用async定义的函数中使用

  •    await后面可以直接跟一个 Promise实例对象

  •     await函数不能单独使用

图书列表
编号:名称:提交
图书总数：{{count}}
编号
名称
时间
操作
{{item.bid}}
{{item.name}}
{{item.addtime}}
删除

打开小皮

打开Navicat

预览：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！