axios请求REST接口示例

[](()axios 请求接口的方式

---

• get：一般多用于获取数据

• post：主要提交表单数据和上传文件

• put：对数据全部进行更新

• patch：只对更改过的数据进行更新

• delete：删除请求

[](()axios传参方式

--------- 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ----------------------------------------------------------

• params:{…} 将参数加在URL上传参

• data:{…} 放在RequestBody中传参 并且 以Json格式发送

---

[](()Get

---

[](()示例一：拼串方式携带参数

• 前端

let currentPage = 2

let _this = this

_this.$axios.get(‘/blog/list?currentPage=’ + currentPage).then(res => { //get方式请求

console.log(res)

})

• 后端

@GetMapping(“/list”)

public Result list(@RequestParam(defaultValue = “1”) Integer currentPage) { </