
http
lihefei_coder
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
axios过滤重复请求及批量取消请求
实现思路: 把每次发送的请求及参数通过CancelToken创建标记添加到vuex的一个列表中,响应完成后从vuex的列表中删除该标记 每次添加标记到列表时先与列表比对是否重复,未重复正常添加,重复则不添加并取消该次请求。 通过循环vuex的请求标记列表,可以批量取消所有请求。 http.ts 该文件封装了axios的请求,对每次的请求通过cancel的createInterceptUrl方法创建标识,然后通过axiosPendingModule的addPending方法记录在vuex的列表中,响应结束后通原创 2020-06-17 11:57:48 · 1332 阅读 · 0 评论 -
对axios请求头Content-Type的一些理解
axios的post的请求头Content-Type默认是: application/json;charset=UTF-8 axios.post(url, {}); // Content-Type: application/json;charset=UTF-8 如果把传参改为字符串,请求头的Content-Type会自动变成application/x-www-form-urlencoded ax...原创 2020-01-03 17:19:41 · 367 阅读 · 0 评论 -
Ajax封装
服务器端响应结果XHR 对象属性说明 属性名 说明 responseText ...原创 2019-07-11 11:22:25 · 182 阅读 · 0 评论 -
HTTP请求及响应信息
浏览器请求信息 Genrral: { //通用 Request URL: http://localhost:8080/?test=abc //请求地址 Request Method: GET //请求方式 Status Code: 200 OK //请求状态 Remote Address: [::1]:8080 //远程ip和端口号 Referrer Pol...原创 2019-07-16 13:53:44 · 452 阅读 · 0 评论 -
vue项目axios拦截重复请求
/* 取消请求设置 */ const CancelToken = axios.CancelToken; let pendList = []; /** * 移除重复请求 * @param {Object} config 请求配置对象 */ function removePending(config) { for (let p of pendList) { let cu...原创 2019-08-14 20:03:28 · 1108 阅读 · 0 评论 -
vue项目axios封装
import axios from 'axios'; import qs from 'qs'; /* 通用设置 */ axios.defaults.timeout = 1000 * 10; //请求超时设置,10秒超时 axios.defaults.headers.post['Content-type'] = 'application/json;charset=UTF-8'; //设置数据格式 ...原创 2019-07-16 15:52:29 · 188 阅读 · 0 评论 -
http中post请求x-www-form-urlencoded与form-data的区别
application/x-www-form-urlencoded post的默认请求 需要把对象参数序列化为字符串参数 参数采用类似get的参数拼接方式 使用URIencode转码方式,转码会增加体积,适合短字节 请求参数放在请求体里 不在地址栏显示参数,安全性高 multipart/form-data 不转码,适合传输长字节(如文件) 请求参数放在请求体里 不在地址栏显示参数,安全性高 ...原创 2019-08-14 20:34:13 · 9656 阅读 · 0 评论