VUE路由显示不正确，不能先默认加载登录页

qq_31659923 2024-08-22 20:26:16

先赋上源代码：https://pan.baidu.com/s/1jtTyDlBaaq-t1NPDu9FkLA 提取码：5qkj

求各位大神帮忙看看，我现在用的是VUE3+Ant-Design，我本来先默认加载login登录页

，登录成功后再显示主界面页面

，结果现在默认界面显示这样，很不正常，怎么设置啊？

...全文

95 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_31659923 2024-08-25

打赏
举报

回复

111

m0_64648355 2024-10-29

举报

回复

@qq_31659923 login页面的路由单写出来，不能套在layout里面

如果路由配置有误，可能会导致路由跳转后页面不加载的问题。在使用 Vue Router 进行路由跳转时，我们应该注意正确配置路由、版本兼容性、组件缓存、异步加载和组件内部问题，以确保页面能正常加载。在 Vue.js 中，使用 Vue Router 可以实现单页应用的路由功能，方便我们进行页面跳转和组件加载。Vue Router 默认开启了路由组件的缓存机制，即同一个路由组件在第二次访问时不会重新加载，而是直接使用缓存的组件实例。如果你的应用中使用了异步加载路由组件的方式，可能会导致页面不加载的问题。

vue配置默认显示页面和默认路由 1.在router文件夹中的index.js中配置 const routes = [ { //没写就是任意路由都是定向这个 path:'', //重定向 redirect:'/xxx' } ]

通过本篇技术博文的学习，我们深入了解了 Vue 路由懒加载的原理和应用。路由懒加载是提升 Web 应用性能的关键技术之一，它能帮助我们在应用中实现按需加载，提高加载速度，优化用户体验。在使用路由懒加载时，我们学会了安装和配置依赖，将路由配置为懒加载，并使用动态导入组件的方式来延迟加载页面。我们还探讨了预加载、组件懒加载、代码拆分和打包策略等进阶技巧，帮助开发人员进一步提升应用性能。当然，除了路由懒加载，我们还可以与其他优化策略相结合，如代码分割等，实现更完善的性能优化。

在vue路由中，如果存在二级路由的话，那么该路由下的所有子路由默认都不会自己显示的，如果想要默认展示子路由的话就需要按照如下配置 routes: [ {path: '/system-settings', component: resolve => require(['./components/systemSettings/index.vue'], resolve), meta: {t...

先来看一段路由的代码，要解决的问题是在进入页面或加载某一父级路由时默认加载其某一特定路由． routes: [ { path: '/', name: 'wpIndex', component: wpIndex, redirect:'/login', children: [ { path: ...

1,937

社区成员

868

社区内容

发帖

与我相关

我的任务

前端技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区，欢迎大家来这里讨论VUE相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章