标签：dex 测试 多少 管理系统 理想 vuex 遇到 数据丢失 条件
突然发现，从博客园已经消失好久了，看看上一篇文章的时间，都已经是4月初的了，两个月出头，说长不长，要说短吧，也真不短了。
这段时间真不是失联，也没有闭关修炼，仅仅是因为忙，真的很忙，从入行到今天，四个月出头，连续忙碌最长的一段时间了吧，也是加班最多的一段时间，这很可能是因为技术比较普通吧^_^
总算是告以段落了，简单汇报一下吧！
主要分为两个时间段：
一、我是刚刚入职这边，前面他们已经在开发平台的项目了，但是前端这一块，可能真的是不重视吧，走了一个，又来了一个，但是技术上可能真的差别不大，属于刚刚入行的那一类。就导致了，所有人对视觉上没什么底线，反正只要功能实现了，就OK，至于页面究竟怎么样，并不是特别重视，基本上属于只要有页面就可以了。
当他们平台开发已经完成，自行测试的时候，我真的无法接受，所以花了大概两周时间左右，把页面全部重构了一遍，所有涉及到与用户交互的地方，都添加校验。
庆幸的是，当初他们引用了bootstrap（虽然整体页面看不出来跟bootstrap有什么关系），重构的时候，就完全依赖了bootstrap，删除了超过一半以上的css。
这一部分重构，还没有真正完成的时候，就上马新的项目了，（至于具体什么项目，就不透露了，类似于后台管理系统），也不知道怎么想的，一个重要原因可能在于想锻炼一下新技术的运用，于是我提出前端开发部分使用vuejs。
这就是第二阶段，大概一个半月多一点吧，现在想想，也还是有点不可思议，可能这就是小公司的好处吧，除了前期产品的规划外，我们真正投入开发的就是两个java加上我一个前端。居然就在这么点时间内，真的把项目完成了，至于项目的质量，就留待后面的测试，以及使用，来评价吧！至少我们是完成了。
既然抱有技术锻炼的想法，那肯定是初期规划的时候，是准备使用全家桶的，vuejs、vue-router、vuex、axios，加上element-ui。
开发过程中，发现一个尴尬的问题，使用vuex获取的数据，页面一刷新，数据就全都丢失了，简单搜索了一下解决方案，发现确实有这么一个问题，而且有人提供了中间件，来解决刷新页面数据丢失的问题。没有全部测试各种中间件，选择了一种，不记得叫啥了，使用之后，分页就失效了。由于时间上的匆忙，就没有仔细去研究，选择直接放弃vuex。当然了，现在计划中的是回头再去研究。
问题二、vue-router的mode:history造成的，从我个人角度而言vue-router路由的#真的是不好看，或者说稍微有点强迫症的，真的很想去掉这个#。
mode:history在开发环境确实没问题，问题出在生产环境，打包之后，把index.html和static放到java工程内，通过java工程打开，一切都很好，刷新页面（怎么又是刷新页面），这下不是数据丢失，是页面丢失了，不管什么页面，只要刷新，页面必然丢失，看其官方文档提供的解决方案，说后台配置nginx,
不知道是我们这边后台配置的不对（估计很大可能就是这个吧），总之无法解决刷新页面，页面会丢失的问题，所以求人不如求己，自己解决吧，不要mode:history了。
使用vuejs实现前后端分离，说着美好，其实只能说理想很丰满，现实很骨感。在我的想法中，后台返回给我的数据，如果没有值，应该是给我一个空字符串，空对象，空数组，终归是有字段的，只是没有值而已。然而呢？现实是，如果后台某一个字段没有值的话，他们连这个字段都不给我了，导致我所有取值，为了避免报错，都必须加上条件判断，是所有数据。
不管遇到多少困难，也不管究竟放弃了多少东西，结果就是项目总算完成了，总算可以提测了，自己关于vuejs认知更多一点了吧。
只有在应用中，才能不断加深新知识的学习，继续努力。
标签：dex 测试 多少 管理系统 理想 vuex 遇到 数据丢失 条件
原文地址：https://www.cnblogs.com/zhuhuoxingguang/p/9185917.html
