
axios
文章平均质量分 67
前端OnTheRun
这个作者很懒,什么都没留下…
展开
-
2022-09-16 前后端交互方式总结:Promise定义和用法以及基于Promise 接口调用方式:ajax fetch axios async/await
文章目录 零.Promise 1.什么是Promise? 2.使用Promise有什么好处? 3.pending,fullfilled和rejected是什么? 3.resolved和rejected是什么? 4.then和catch是什么? 3.Promise的基本用法 零.Promise 1.什么是Promise? Promise是JS中进行异步编程的一种新的解决方案,(旧方案是单纯使用回调函数) 语法上,Promise是一个对象,从Promise对象可以获取异步操作的消息 2.使用Promise有什原创 2022-09-16 23:45:34 · 746 阅读 · 0 评论 -
2022-02-08 axios笔记(四) axios.create()创建axios实例,设置拦截器,axios取消请求
文章目录 1.使用axios.create(config)创建axios实例 主要用途:在项目中,对axios的二次封装(面试必问) 语法和结构 示例(待验证.......) 2.设置拦截器 3.axios取消请求 1.使用axios.create(config)创建axios实例 主要用途:在项目中,对axios的二次封装(面试必问) 为什么叫二次封装? 因为axios({})请求函数本身就是一个基于promise的、对xhr对象的封装函数 语法和结构 const instance=axios.cr原创 2022-02-08 20:13:55 · 723 阅读 · 0 评论 -
2022-02-06 axios笔记(三) axios的特点和请求方式,常见api,axios的完整请求格式
特点 1.axios是基于promise的ajax异步请求库,即axios请求返回的是一个promise对象 2.axios既支持浏览器端使用(主要用途),也支持node端使用 3.axios支持请求拦截器和响应拦截器 4.可以取消请求 5.支持请求数据或者响应数据的格式自动转换:字符串json对象 6.可以批量发送多个请求原创 2022-02-06 17:38:53 · 166 阅读 · 0 评论 -
2022-02-05 axios笔记(二) 下载json-server搭建一个REST的api,并使用axios的GET/POST/PUT/DELETE分别请求上述REST接口
REST的api 由请求方式来决定进行增删改查(CRUD)的哪个操作 同一个请求路径可以进行多个操作 请求方式用到GET/POST/PUT/DELETE原创 2022-02-05 22:59:28 · 356 阅读 · 0 评论 -
2022-02-03 axios笔记和http相关知识点(一) xhr对象和fetch函数两种方式发送ajax请求,前后端交互的接口:REST的api和非REST的api
1.http请求交互的基本过程 浏览器(客户端)向服务器发起的请求报文包含:请求行,请求头和请求体 服务器响应客户端的请求的响应报文包括:响应状态行,响应头和响应内容 常见响应状态码(status的值) 图示 1.发送请求:在Network可以看到发送了一个请求 2.查看请求行中的url和method 2.发送ajax请求的两种方式:xhr对象和fetch函数 3.post请求体的参数格式 4.前后端交互的接口(API)的分类 4.1.REST的api:(restful)特点 4.2.非REST的api:原创 2022-02-03 22:01:48 · 453 阅读 · 0 评论 -
2022-02-14 axios的二次封装
1.为什么要对axios进行二次封装? 主要是要用到请求拦截器和响应拦截器; 请求拦截器:可以在发请求之前可以处理一些业务 响应拦截器:当服务器数据返回以后,可以处理一些事情 2.创建api/request.js用于书写axios二次封装的代码 import axios from "axios"//导入axios //1.利用axios对象的create方法创建一个axios实例 const requests=axios.create({ //配置对象 baseURL:"./api",//基础路径原创 2022-02-14 22:27:52 · 319 阅读 · 0 评论 -
2021-07-27 axios的定义和基本用法
定义 axios是一个被vue 官方推荐的,基于promise的http库 特性 支持nodejs,支持promise,可以拦截请求和响应,自动转换json数据 使用 get请求 post请求(默认发送json数据) *还支持put请求和delete请求 axios响应结果的属性 data:实际响应的数据 header:响应头 status:响应状态码 statusText:响应状态信息 xhr例子 ...原创 2021-07-27 10:21:39 · 301 阅读 · 0 评论