vue3 重定向
时间: 2023-11-18 08:03:29 浏览: 98
在Vue3.0中,设置路由重定向的方法如下:
1. 新建项目并引入Vue和Vue Router。
2. 使用Vue.use注册路由。
3. 使用createRouter定义和配置路由。
4. 使用redirect属性设置路由重定向。
具体实现步骤如下:
1. 在router/index.js文件中,引入Vue和Vue Router,并使用Vue.use注册路由。
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
```
2. 使用createRouter定义和配置路由。
```javascript
const router = new VueRouter({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
},
{
path: '/contact',
name: 'contact',
component: Contact
}
]
})
```
3. 使用redirect属性设置路由重定向。
```javascript
const router = new VueRouter({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
},
{
path: '/contact',
name: 'contact',
component: Contact
},
{
path: '/redirect',
redirect: '/'
}
]
})
```
上述代码中,我们定义了一个名为redirect的路由,它的重定向路径为'/',即重定向到主页。
阅读全文