zw52yany的博客

最近想实践下ssr 就打算用nextjs 做一个人博客 ， vercel 部署 提供免费域名，来学习实践下ssr ssgnextjs 一个轻量级的react服务端渲染框架vercel 由 Next.js 的创建者制作 支持nextjs 部署 免费静态网站托管。

前端业务一般发请求用的是axios，会对axios进行包装，用请求拦截器 和 response拦截器 对请求和返回进行封装，场景是请求添加header: Authorization: 返回根据返回结果进行判断采取不同的措施，例如登陆过期就跳登出，接口报错就弹窗错误消息，代码如下：相对应的测试代码说明： jest.mock 模拟auth的方法 详见上一遍antd 的 message 方法mock 见下面一章节对于没有dom的function单独测试时 不能直接判断有没有出现改message元素，可

之前一次想学写单测，但是一直没有动力，因为感觉ui测试写起来比较复杂而且麻烦，再加上实际开发项周期短，没有时间给写单测，但是最近公司比较注重质量，对测试bug数提出了限制，而且还有惩罚措施，为了避免被惩罚，再因为没有写单测，在给的自测时间里，后端同学可以通过梳理代码，补单测来进行测试，而我只能不断的**点点点…**来测试，很low且没效率，心里也没底（虽然最后测试也没测出bug），总感觉机器比人可靠，因此我后面就开始学习单测，来补全这个项目的测试，在结合gitlab ci ，sonarqube来进行测试报告

ReduxRedux使用场景工具核心概念StateActionReducerStoreDispatchSelectorRedux数据流ReduxRedux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库。它以集中式Store（centralizedstore）的方式对整个应用中使用的状态进行集中管理，其规则确保状态只能以可预测的方式更新。官网文档 http://cn.redux.js.org/tutorials/essentials/part-1-overview-con

1：state （1）不能直接this.state.xx = ‘xx’, （这种方式只能用于constructor中），使用this.setState({xx: ‘xx’})’ （2）状态更新是异步，不能直接使用。可以在回调函数使用this.setState((prevState, props) => ({ counter: prevState.counter + p