Vue-重定向

简介: Vue-重定向

重定向

当进入页面时,你希望第一个跳转出的是你主页面或者是子页面时

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
Vue.use(VueRouter)
const routes = [
  //重定向操作
  {path:'/',redirect:'/login'},
  {path:'/login',component:Login}
]
const router = new VueRouter({
  routes
})
export default router

//重定向操作

 {path:'/',redirect:'/login'}

即可实现

相关文章
|
6月前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
485 0
|
6月前
|
JavaScript
vue的重定向解决方法
vue的重定向解决方法
96 1
|
2月前
|
JavaScript
Vue3基础(20)___Vue3配置错误路由重定向写法
本文介绍了Vue 3中配置错误路由重定向的正确写法,包括使用参数和自定义正则表达式来定义通配符路由。
45 0
Vue3基础(20)___Vue3配置错误路由重定向写法
|
2月前
|
JavaScript
Vue3基础(21)___在axios.js中使用路由跳转
本文介绍了在Vue 3中如何在axios.js中使用路由跳转,通过直接引入路由实例并使用`router.push`实现页面跳转。
102 0
|
6月前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
329 0
|
3月前
|
JavaScript
Vue中、参数传递以及重定向
该博客文章介绍了在Vue.js中如何通过路由进行参数传递,并展示了如何在页面间传递参数、在路由配置中设置参数以及在组件中获取这些参数的方法,同时还解释了如何在Vue中实现页面重定向,包括使用`beforeEach`守卫进行全局重定向和页面间的返回操作。
|
5月前
|
JavaScript
|
JavaScript 前端开发
Vue3+ElementPlus+Axios实现从后端请求数据并渲染
Vue3+ElementPlus+Axios实现从后端请求数据并渲染
2901 0
|
JavaScript
vue—重定向
vue—重定向