lihefei_coder的博客

使用 axios 请求 api 下载导出一个文件时，接口返回值可能会出现两种情况：1、文件流2、json 对象responseType 值的类型值数据类型''DOMString(默认类型)arraybufferArrayBuffer 对象blobBlob 对象documentDocumnet 对象jsonJavaScript object, parsed from a JSON string returned by the servertextDOMString实例返回值不同情况的处理方式，举例

实现思路：把每次发送的请求及参数通过CancelToken创建标记添加到vuex的一个列表中，响应完成后从vuex的列表中删除该标记每次添加标记到列表时先与列表比对是否重复，未重复正常添加，重复则不添加并取消该次请求。通过循环vuex的请求标记列表，可以批量取消所有请求。http.ts该文件封装了axios的请求，对每次的请求通过cancel的createInterceptUrl方法创建标识，然后通过axiosPendingModule的addPending方法记录在vuex的列表中，响应结束后通

Promise.all可以将多个Promise实例包装成一个新的Promise实例。Promise.all获得的成功结果的数组里面的数据顺序和发送请求的顺序是一致的，而不会根据响应结果的顺序排序。Promise.all失败的时候则返回最先被reject失败状态的值，与成功的返回顺序是不同的。Promse.all在处理多个异步处理时非常有用，例如表单中上传相册，需要所有图片上传完毕得到地址才能提交表单，可以通过Promse.all控制一个loading变量的状态来校验提交条件。上传相册的例子：.

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...

前端在axios中配置请求头axios.defaults.headers.common['token'] = 'xxxxxxx';token模式response.setHeader("Access-Control-Allow-Origin","*");response.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,...

前端配置axios默认发送请求是不携带cookie的，所以需要加上下面这句axios.defaults.withCredentials = true;后端允许跨域处理配置 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: http://localhost:8080 //这里不能用*，需要动...

/* 取消请求设置 */const CancelToken = axios.CancelToken;let pendList = [];/** * 移除重复请求 * @param {Object} config 请求配置对象 */function removePending(config) { for (let p of pendList) { let cu...

一、准备工作1.整理API文件为了方便接口管理，统一放在src下的api文件夹中//index.jsconst api = { GET_TEST: 'api/getTest'};export default api;2.挂载到main.js中的vue原型上//main.jsimport api from './api';Vue.prototype.$api = ap.....................

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'; //设置数据格式...