Vue开发之旅——我的博客搭建记录(五)
-
博客开发灵感有些枯竭,暂时想不到什么好玩的点子,欢迎小伙伴们评论区来点有趣/创意的功能
这次记录几个遇到的小问题。PS:前面发了一次,不知道为什么一直给我卡审核不显示,晕倒…
![](https://image.wxopen.club/content_3192b316-50a8-11ec-bf7e-001a7dda7111.png)
-
路由守卫
通过路由守卫可以实现一个前端的(伪)登录功能。为路由设置重定向,未登录访问发博客页面时,重定向至登录页。代码如下:
![](https://image.wxopen.club/content_319b7578-50a8-11ec-8395-001a7dda7111.png)
![](https://image.wxopen.club/content_31a4c039-50a8-11ec-9d04-001a7dda7111.png)
在登录页设置如下方法,就可以实现登录访问功能啦!当然,实现完整的登录注册功能需要后端的辅助,在此只是做一个演示^\_^
![](https://image.wxopen.club/content_31ae8e91-50a8-11ec-a99d-001a7dda7111.png)
-
解决页面正常显示但是报错"TypeError: Cannot read property ‘xxx’ of undefined"
在博客展示页,明明内容均已成功加载,但是控制台报错__cannot rad property ‘xxx’。__原因是在vue渲染机制中,异步数据先显示初始数据,再显示带数据的数据。最开始博客设为空数组,渲染时是什么都没有的,渲染完成才显示数据,所以报错了。解决方法是加一个v-if判断,不为空再显示。详情见博客(https://juejin.cn/post/6844904129865711623)
继续学理论知识去吧!
![](https://image.wxopen.club/content_321cb8a7-50a8-11ec-a3c8-001a7dda7111.png)