什么是axios，vue/react项目中使用axios为什么需要封装，如何封装一个能提高效率及体验的axios-ajax？

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超时时间等。

最近做了一个oa类的web项目，用户需要登录后才能正常访问页面。当用户登录成功后，后端接口会返给前端一个token，之后的每一次接口调用都需要携带token，服务端验证这个token来判断用户是否已经成功登录。当然token是由时效性的，当token过期时，我们可以重新登录来获…

当使用token失效或者即将失效的时候，我们需要用刷新token发现ajax请求去获取一个新的token来代替之前使用的token。由于ajax是异步的，请求新的token需要一定的时间，在此时我们去请求接口，就会出现用旧token发送请求，导致401鉴权失败问题。 我们缓存接…

vm层（视图模型层）通过接口从后台m层（model层）请求数据，vm层继而和v（view层）实现数据的双向绑定。 SESSION 是服务器通过 Key-Value 对来保存数据的一种机制，比如 APP 的登录状态可以用 SESSION 来保存。 TOKEN 翻译过来叫令牌，令牌…

前端刷新token最佳实践，在请求拦截器中拦截，判断token是否将要过期，调用刷新token接口，实现客户端无感刷新token

前后端未分离以前，页面都是通过后台来渲染的，能不能访问到页面直接由后台逻辑判断。前后端分离以后，页面的元素由页面本身来控制，所以页面间的路由是由前端来控制了。当然，仅有前端做权限控制是远远不够的，后台还需要对每个接口做验证。 为什么前端做权限控制是不够的呢？因为前端的路由控制仅…

前端无痛刷新Token 这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。 需求 对于需要前端实现无痛刷新Token，无非就两种： 请求前判断Token

我们知道，HTTP 是无状态的。也就是说，HTTP 请求方和响应方间无法维护状态，都是一次性的，它不知道前后的请求都发生了什么。 但有的场景下，我们需要维护状态。最典型的，一个用户登陆微博，发布、关注、评论，都应是在登录后的用户状态下的。 那解决办法是什么呢？::标记::。 这…