Vue路由首次跳转加载不出某个组件或显示空白，刷新一次才可显示（遇到的坑）

小陈努力再努力

已于 2022-09-08 13:23:29 修改

阅读量4.7k

点赞数

文章标签： vue.js javascript 前端

于 2022-09-08 13:23:06 首次发布

本文链接：https://blog.csdn.net/a1071626267/article/details/126762687

版权

routes:[
    { path:'/home', component: Home, meta: { showFooter: true } },
    // 动态路由
    { path:'/search/:iptValue', component: Search,meta: { showFooter: true }, name: 'search' },
    { path:'/login', component: Login, meta: { showFooter: false } },
    { path:'/register', component: Register,meta: { showFooter: false } },
    { path: '/', redirect: '/home '}  //这个'前有个空格
  ]

删除home后的空格，改为 { path: '/', redirect: '/home'}就好了，所以写代码一定要严谨，规范，不然自己给自己挖坑找到头秃