初心在,仍是少年。代码如诗,微笑多。朝着星辰大海,继续前进...

 标签:axios

随笔

去除axios对Request Body的大小限制

去除axios对Request Body的大小限制
之前经常有用户反馈我们做的系统中,在上传过程中会遇到 Request body larger than maxBodyLength limit,其实这个问题之前已经存在了很久,但是一直没去动。 最初以为是服务端发出的 error,因为默认使用的 koa-body 在旧版本也有上传内容的大小限制,但是后来调试过程中发现请求根本没发出去—— 后来翻了翻 PR,发现这个问题在很久之前就有人提出了:github.com/axios。解决方案是设...

2018-11-14 09:11 36℃ 1 喜欢

随笔

建站四部曲之前端显示篇(React+上线)

建站四部曲之前端显示篇(React+上线)
本系列分为四篇: 建站四部曲之后端接口篇(SpringBoot+上线) 建站四部曲之Python数据爬虫篇(selenium) 建站四部曲之前端显示篇(React+上线) 建站四部曲之移动端篇(Android+上线) 零、前言 本系列为了总结一下手上的知识,致敬我的2018 本篇的重点在于:用前两篇的数据使用React搭建一个简单网站 本篇总结的技术点: React的组件封装、React实

2018-12-21 09:12 0℃ 0 喜欢

随笔

前端实现文件下载和拖拽上传

前端实现文件下载和拖拽上传
苏格团队 作者:WDZ 交流QQ群:855833773 欢迎加入我们的团队,微信联系方式:foreverpx_cjl 笔者在业务中碰到了需要下载示例和拖拽上传并实现进度条的功能,针对过程中遇到的问题,笔者进行了相应的总结。 需求 页面中增加下载示例按钮 实现一块区域能够拖拽上传word文件,限制文件大小2MB和文件类型,能显示进度条,同时支持取消上传。 文件下载 业务中要求的是示例放在

2018-12-21 10:12 0℃ 0 喜欢

随笔

TypeScript 重构 Axios 经验分享

TypeScript 重构 Axios 经验分享
拒绝做一个只会用 API 的文档工程师,本文将会让你从重复造轮子的过程中掌握 web 开发相关的基本知识,特别是 XMLHttpRequest。 又是一篇关于 TypeScript 的分享,年底了,请允许我沉淀一下。上次用 TypeScript 重构 Vconsole 的项目 埋下了对 Axios 源码解析的梗。于是,这次分享的主题就是 如何从零用 TypeScript 重构 Axios 以及为什

2018-12-22 01:12 0℃ 0 喜欢

随笔

axios 核心源码解读

axios 核心源码解读
原文链接 介绍axios 一直在使用axios库,在享受它带来的便利的同时,总感觉不读读它的源码有点对不起它,刚好网上介绍axios源码的文章较少,所以写下这篇文章,权当抛砖引玉。 axios是同构的JavaScript的异步请求库,它可以在浏览器端和NodeJS环境里使用。 VueJS的作者尤大也推荐这个工具,它除了异步请求网络资源功能,还有如下功能: 提供代理功能 提供了拦截器(类似中间件)

2018-12-22 01:12 0℃ 0 喜欢

随笔

彻底搞懂小程序登录流程-附小程序和服务端代码

彻底搞懂小程序登录流程-附小程序和服务端代码
编者按:本文作者奇舞团高级前端开发工程师冯通 用户登录是大部分完整 App 必备的流程 一个简单的用户系统需要关注至少这些层面 安全性(加密) 持久化登录态(类似cookie) 登录过期处理 确保用户唯一性, 避免出现多账号 授权 绑定用户昵称头像等信息 绑定手机号(实名和密保方式) 很多的业务需求都可以抽象成 Restful 接口配合 CRUD 操作 但登录流程却是错综复杂, 各个平台有

2018-12-22 01:12 0℃ 0 喜欢

随笔

为何要再封装 AJAX?

为何要再封装 AJAX?
前言 已经有同学提醒了使用axios.create(),使用axios.create()可以解决下面说的1 、2、3、5点,楼主也建议使用这种方式,既然axios已经提供了这样的API,那么也没必要像本文这种方式实现,有点多此一举的嫌疑。所以本文在很大程度上已经没有的意义了,但本文针对特殊情况也是一种好的选择,例如 第四点 ,可根据自己的业务需求调整。 再封装AJAX所带来的好处是你想象不到的

2018-12-22 01:12 0℃ 0 喜欢

随笔

《从零构建前后分离的web项目》实战 - 欲善其事必先利其器 继续打磨前端架构

《从零构建前后分离的web项目》实战 - 欲善其事必先利其器 继续打磨前端架构
工欲善其事必先利其器 - 继续打磨前端架构 抱歉生病拖更了,1024快乐 本文永久更新地址 填坑 上回还真的有同学提到了这个问题,感谢细心的你。@_noob 其实是没任何问题的,只不过看起来违背了常见的结构,像是有问题。其实是上文为了照顾初学者,怕大家因为麻烦而放弃,并没有一次性改的“看起来那么复杂”,我们来填下坑。 为了照顾没有实时跟着我连载的同学,每一章的代码单独发布在我的 Github

2018-12-22 01:12 0℃ 0 喜欢

随笔

前后端分离使用 Token 登录解决方案

前后端分离使用 Token 登录解决方案
这篇文章写一下前后端分离下的登录解决方案,目前大多数都采用请求头携带 Token 的形式。 开写之前先捋一下整理思路: 首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端; 前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里; 前端每次路由跳转,判断 localStroage 有无 toke

2018-12-22 02:12 0℃ 0 喜欢

随笔

vue中Axios的封装和API接口的管理(更新)

vue中Axios的封装和API接口的管理(更新)
如图,面对一团糟代码的你~~~真的想说,What F~U~C~K!!!回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请

2018-12-22 02:12 0℃ 0 喜欢

随笔

当大多数人对Vue理解到炉火纯青的时候,是不是该思考一下怎么让vue页面骚气起来

当大多数人对Vue理解到炉火纯青的时候,是不是该思考一下怎么让vue页面骚气起来
写在前面当大多数人Vue理解的炉火纯青的时候,是不是应该思考一下怎么让vue页面骚气起来,下面就我个人在接触Vue实际工作中门户网站在前端页面交互应用和小技巧,炒几道“小菜”给大家分享一下,我把它封装成一个项目vue-portal-webUI(github源码),不敢说是UI,但也是各种常见常遇到的情景吧,看懂代码需要一些vue、axios、es6、scss基础、数据基本上是mock,功能和场景的

2018-12-22 02:12 0℃ 0 喜欢

随笔

Vue 服务端渲染(SSR)、Nuxt.js - 从入门到实践

Vue 服务端渲染(SSR)、Nuxt.js - 从入门到实践
前言 10月初有幸接到公司官网改版需求,要求采用服务端渲染模式对原网站进行seo优化。 由于团队一直使用的vue技术栈,所以我第一时间想到的就是采用vue 服务端渲染(SSR)来实现该需求,即能减少团队其他成员后期维护的成本,又能把现有其他项目封装好的内容稍微改改就能直接copy过来使用,大大节省了开发时间(除去ui中途调整,整体改造时间只花了2-3天)。 改造前后对比 1、原公司网站(改版前),

2018-12-22 02:12 0℃ 0 喜欢

随笔

vue项目实践004~~~一篮子的实践技巧

vue项目实践004~~~一篮子的实践技巧
前言 继续总结vue项目实践中的优化和思考,实践系列004,请持续关注不要掉队哦 实践问题 批量对象属性赋值 使用场景:主要是针对需要把对象的一些属性批量的赋值到另外一个对象上,然后如果你的属性很多可能要写很多赋值语句。(前提是属性名一般是相同的) 说明:可能有人会问为什么不直接用这个对象,答案也很简单,如果可以直接用,当然直接用是最好的,我自己在写接口param的时候,就会注意这些,需要传参的

2018-12-22 02:12 0℃ 0 喜欢

随笔

使用typescript+vue 编写电影信息小项目!

使用typescript+vue 编写电影信息小项目!
前言: 为什么要编写这篇文章?一是对自己技术的磨练,二是给大家分享如何使用vue+typescript开发项目。 大佬就不要喷我的代码了。主要面向技术一般般的同学,没有写过typescript。当然我技术也是一般般。 github代码已经更新完成,如果觉得我废话可以直接去gayhub地址 项目截图 正文: 我假设你已经熟练应用过vue全家桶(vue+router+vuex+axios[‘黑

2018-12-22 03:12 0℃ 0 喜欢

随笔

手摸手,带你用vue撸后台 系列一(基础篇)

手摸手,带你用vue撸后台 系列一(基础篇)
完整项目地址:vue-element-admin 系列文章: 手摸手,带你用vue撸后台 系列一(基础篇) 手摸手,带你用vue撸后台 系列二(登录权限篇) 手摸手,带你用vue撸后台 系列三 (实战篇) 手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) 手摸手,带你封装一个vue component 手摸手,带你优雅的使用 icon 手摸手,带你用合理的姿势使用w

2018-12-22 03:12 0℃ 0 喜欢

随笔

接口咋整?前端数据药神来也

接口咋整?前端数据药神来也
最近我的好友在写项目的时候经常会抱怨数据的来源,的确对于一个前端来说,数据接口数据资源永远是Mock。网上看很多大神python,node玩的飞起。但自我感觉,并没有一套好的流程方案可以走进我们开发的流程中。为了帮助我的好友并且需要数据的你来说,可以仔细的看看整套流程。因为我也是个前端,所以知道大家需要的是什么以及处理的方案。那么就跟着我一起学习下吧! 前言 学海无涯,我希望你可以跟着我的思路简单

2018-12-22 03:12 0℃ 0 喜欢

随笔

手摸手,带你用vue撸后台 系列二(登录权限篇)

 手摸手,带你用vue撸后台 系列二(登录权限篇)
完整项目地址:vue-element-admin 系列文章: 手摸手,带你用vue撸后台 系列一(基础篇) 手摸手,带你用vue撸后台 系列二(登录权限篇) 手摸手,带你用vue撸后台 系列三 (实战篇) 手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) 手摸手,带你封装一个vue component 手摸手,带你优雅的使用 icon 手摸手,带你用合理的姿势使用w

2018-12-22 04:12 0℃ 0 喜欢

随笔

前端架构之vue+axios 前端实现登录拦截(路由拦截、http拦截)

前端架构之vue+axios 前端实现登录拦截(路由拦截、http拦截)
前言:之前写了一个node的jwt认证,为了能和node对应,跑通整个流程,前端将设置登录拦截,分别为路由拦截,http拦截。更多文件请看 github地址和node server 对应:前端架构之node jwt认证大致流程:在进行路由跳转时,利用vue-router提供的钩子函数beforeEach()对路由进行判断,符合条件next(),不符合便跳转到登录页面。在发送请求时,统一处理所有ht

2018-12-22 04:12 0℃ 0 喜欢

随笔

axios二次封装学习

axios二次封装学习
封装的必要性 我们在使用axios进行异步操作时,可能会遇到以下情况: 对一个按钮频繁点击,发送多次请求 axios的规范写法中:axios.post(url, data).then(res=>{}).catch(err=>{}) 这里我们发现我们每一次写的时候,都需要写.catch(err=>{}),会造成代码的冗余 封装过程 拦截器科普 // 添加请求拦截器 axios.

2018-12-22 04:12 0℃ 0 喜欢

随笔

记一次axios源码排查

记一次axios源码排查
一、axios介绍 现在社区中有数量庞大的ajax(http)库,为何选择使用axios呢? 首先,因为它提供的API是Promise式的,目前业务代码基本都已经使用async/await来包裹异步api了。 那为何不使用基于fetch的类库呢? 因为,选用axios更重要的原因是,需要用到请求的abort。 abort 大部分场景中如果后端处理开销不大,前端使用类似Promise.race或标记

2018-12-22 04:12 0℃ 0 喜欢