1 mounted钩子函数中请求数据导致页面闪屏问题
其实就是加载时机问题,放在created里会比mounted触发早一点,如果在页面挂载完之前请求完成的话就不会看到闪屏了
2 路由模式改为history后,除了首次启动首页没报错,刷新访问路由都报错。
必须给对应的服务端配置查询的主页面,也可以认为是主路由入口的引导。
官方文档也有:传送门 : Vue-Router history Mode
3 vuex中数据刷新消失的问题
解决方法是在获取到数据往 store 中存储时,利用 window.localStorage.setItem(‘key’, value) 也存储一份相同数据。当在获取数据时判断存储的数据是否为空(如果是数组就判断长度是否为0,总之这儿就是判断),若不为空(数组长度不为0)直接获取,否则利用 window.localStorage.getItem(‘key’) 来获取。
例如
vue组件中:
this.$store.commit('setUserId', item.id)
window.localStorage.setItem('userId', JSON.stringify(item.id))
store中:
getters: {
loginIn: state => {
let loginIn = state