http
lihefei_coder
这个作者很懒,什么都没留下…
展开
-
axios过滤重复请求及批量取消请求
实现思路:把每次发送的请求及参数通过CancelToken创建标记添加到vuex的一个列表中,响应完成后从vuex的列表中删除该标记每次添加标记到列表时先与列表比对是否重复,未重复正常添加,重复则不添加并取消该次请求。通过循环vuex的请求标记列表,可以批量取消所有请求。http.ts该文件封装了axios的请求,对每次的请求通过cancel的createInterceptUrl方法创建标识,然后通过axiosPendingModule的addPending方法记录在vuex的列表中,响应结束后通原创 2020-06-17 11:57:48 · 1254 阅读 · 0 评论 -
对axios请求头Content-Type的一些理解
axios的post的请求头Content-Type默认是: application/json;charset=UTF-8axios.post(url, {}); // Content-Type: application/json;charset=UTF-8如果把传参改为字符串,请求头的Content-Type会自动变成application/x-www-form-urlencodedax...原创 2020-01-03 17:19:41 · 332 阅读 · 0 评论 -
Ajax封装
服务器端响应结果XHR 对象属性说明 属性名 说明 responseText ...原创 2019-07-11 11:22:25 · 151 阅读 · 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 · 386 阅读 · 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 · 1067 阅读 · 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 · 153 阅读 · 0 评论 -
http中post请求x-www-form-urlencoded与form-data的区别
application/x-www-form-urlencodedpost的默认请求需要把对象参数序列化为字符串参数参数采用类似get的参数拼接方式使用URIencode转码方式,转码会增加体积,适合短字节请求参数放在请求体里不在地址栏显示参数,安全性高multipart/form-data不转码,适合传输长字节(如文件)请求参数放在请求体里不在地址栏显示参数,安全性高...原创 2019-08-14 20:34:13 · 9572 阅读 · 0 评论