Vue中redirect重定向有哪些常见坑,新手如何避免?

2026-04-01 13:171阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计329个文字,预计阅读时间需要2分钟。

Vue中redirect重定向有哪些常见坑,新手如何避免?

目录+关于redirect(重定向)初学者的困惑+vue-router路由重定向的使用事项+关于redirect(重定向)初学者的困惑+第一个对象中配置路由重定向path:/为项目的根目录,重定向为渲染的路径+

目录
  • 关于redirect(重定向)初学者的坑
  • vue-router路由重定向redirect的使用事项

关于redirect(重定向)初学者的坑

第一个对象里是配置路由重定向path:’/'为项目的根目录,redirect重定向为渲染的路径(这里我是指向了第二个对象里的path)

所以就要写第二个对象方便 redirect 找到它。。

第二个对象里的配置path:’/index’是自定义的路径,component / Customers组件名称

还有一种是 children 如下图:

Vue中redirect重定向有哪些常见坑,新手如何避免?

首页名字为defaultPage 首页下有个子页index,于是写children …

vue-router路由重定向redirect的使用事项

在一个路由使用redirect重定向到另一个路由时,这个路由本身也需要component对应一个页面,而且这个页面里还要有< router-view >< /router-view>最终才能成功的跳转

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。

标签:

本文共计329个文字,预计阅读时间需要2分钟。

Vue中redirect重定向有哪些常见坑,新手如何避免?

目录+关于redirect(重定向)初学者的困惑+vue-router路由重定向的使用事项+关于redirect(重定向)初学者的困惑+第一个对象中配置路由重定向path:/为项目的根目录,重定向为渲染的路径+

目录
  • 关于redirect(重定向)初学者的坑
  • vue-router路由重定向redirect的使用事项

关于redirect(重定向)初学者的坑

第一个对象里是配置路由重定向path:’/'为项目的根目录,redirect重定向为渲染的路径(这里我是指向了第二个对象里的path)

所以就要写第二个对象方便 redirect 找到它。。

第二个对象里的配置path:’/index’是自定义的路径,component / Customers组件名称

还有一种是 children 如下图:

Vue中redirect重定向有哪些常见坑,新手如何避免?

首页名字为defaultPage 首页下有个子页index,于是写children …

vue-router路由重定向redirect的使用事项

在一个路由使用redirect重定向到另一个路由时,这个路由本身也需要component对应一个页面,而且这个页面里还要有< router-view >< /router-view>最终才能成功的跳转

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易盾网络。

标签: