Vue设置路由后页面仍不显示为空白

问题现象

设置了路由,新增的页面的页面依然显示空白,没有任何报错。

问题原因与解决办法

出现这个问题只能说明路径或配置写错了。
第一步:检查配置:router/index.js中的routes不要写成routers,就是要少一个r。
Vue设置路由后页面仍不显示为空白_第1张图片
第二步:检查页面路径是否写错。我这个是@/page/login,就不能写成@/src/page/login
Vue设置路由后页面仍不显示为空白_第2张图片
@/router也不要写错
Vue设置路由后页面仍不显示为空白_第3张图片

反思

最近出现了很多错误都是字母大小写的问题,对于外部的配置或api一定要注意。同时,要记录一下日常错误,因为以前出错的问题解决了,现在报同样的错误居然忘记如何改了,非常浪费时间。

你可能感兴趣的:(前端,算法,前端,排序)