12 如何让 Axios 更加灵活可复用

一 概念

官网: http://www.axios-js.com/

什么是ajax?
一种前端异步请求后端的技术

ajax原理?
浏览器window接口的XMLHttpRequest

axios是什么?
基于原生ajax+Promise技术封装通用于前后端的请求库

二使用

axios如何发起一次get请求?
在method选项配置为true / 也可以默认不写

axios函数调用原地结果是什么?
是一个Promise对象

如何拿到Promise里ajax的成功或失败的结果?
then() / catch()

2.1 传参数

2.1.1 get方式

ajax如何给后台传参?
在url?拼接 – 查询字符串
在url路径上 – 需要后端特殊处理
在请求体 / 请求头 传参给后台

axios哪个配置项会把参数自动写到url?后面
params

2.1.2 post方式

post请求方式, 一般在哪里传递数据给后台?
请求体中

axios哪个选项, 可以把参数自动装入到请求体中?
data选项

axios默认发给后台请求体数据格式是?
json字符串格式

3axios全局配置

参考:一文读懂Axios

https://zhuanlan.zhihu.com/p/415398903

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringBoot是一个开源框架,主要用于简化Java应用程序的创建和部署。它提供了很多开箱即用的功能模块,使得开发人员可以快速构建和管理后端应用程序。 Vue是一个流行的JavaScript框架,用于构建用户界面。它提供了响应式的数据绑定和组件化的架构,使得前端开发更加高效和灵活Axios是一个基于Promise的HTTP库,用于发送Ajax请求。它可以在浏览器和Node.js中使用,使得前后端数据交互更加简单和强大。 Redis是一个内存数据库,用于存储和读取数据。它支持多种数据类型,并提供了快速、稳定的数据访问能力。Redis还可以用作缓存和消息队列,提高系统性能和可靠性。 当使用SpringBoot、Vue、Axios和Redis进行开发时,可以实现一个完整的前后端分离的应用程序。前端使用Vue进行页面交互和数据展示,通过Axios发送请求到后端。后端使用SpringBoot处理请求和业务逻辑,并使用Redis进行数据的读取和存储。 使用SpringBoot可以快速搭建一个后端框架,提供路由、控制器、数据库连接等功能。使用Vue可以方便地构建用户界面,并实现数据的双向绑定和组件的复用Axios可以发送请求到后端,获取数据并进行展示。Redis可以作为缓存,加速数据的读取和响应速度。 总结来说,SpringBoot、Vue、Axios和Redis是一个强大的组合,可以实现快速开发、高效的前后端分离应用程序。它们各自的特性和功能互补,共同促进了应用程序的开发和运行效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值