范天缘的博客

这样肯定是不行的 后端接口需要数组[0]: 7 数组[1]:4这样的数据。开发新项目过程中 发现get请求时 数组参数没有下标。原因是因为在请求拦截器没有处理需要的参数。解决方法 在请求拦截器 处理一下参数。

封装的请求//get请求 x-www-form-urlencoded传参封装const $getForm = (url,params)=>{ return HttpRequest.request({ url:url, params, method: 'get', headers:{ "Content-Type": "application/x-www-form-urlencoded", //请求头要加这个 } });}//请求参数格

有个请求需要单独设置请求头,又不能影响其他接口的请求头,需要单独设置const res = await axios({ method:"get", url:"http://xxx/api/recognition/getImageBaseByUser", data:param, headers:{ "tenant-id":1, "Authorization":1 }})console.log(res)...

有时候上传视频或者大文件时,后端迟迟没有返回回调,前端没有响应.用户体验是非常不好的,这时候可以拿到axios的上传进度显示给用户看onUploadProgress我的axios是经过二次封装的,传给第三个参数封装需要的axiosaxios .post(url, data, FormData, { headers: { Authorization: !localStorage.token ? '' : localStorage.token, }, })

业务中经常出现后台请求要一起请求的场景,这时候我们就需要用到axios.all()和axios.spread()函数axios.all():当数组内的请求全部完成时，再进行下一步，如果有一步没有完成就停止操作axios.spread():把数组的res1,res2转变成res1,res2function one(){ 请求1方法}function two(){ 请求2方法}开始并行处理 axios.all([one(),two()]) .then(axios.spread(f