6-6.Vue-router之路由重定向

Vue-router

路由重定向redirect

路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。
这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。
在路由重定向时，有两种情况：
1.不携带参数进行路由重定向
例子：demo2页面重定向到demo页面

• 在src/router/index.js文件下增加demo2路由，这时不需要写component参数段，只需要将重定向的路径写在redirect参数后。

{
   
	path:'/demo2',
	redirect:'/demo'
}

• 然后在App.vue文件中添加<router-link>标签

 <router-link to="/demo">demo页面</router-link>|
 <router-link to="/demo2">返回demo页面</router-link>|

注意：运行之后，你会发现浏览器中的url地址是http://localhost:8080/#/demo与demo页面的路径是一致的，代表重定向成功。
运行结果：

附加：demo.vue文件的代码：

<template>
	<div>