vue router 重定向与别名

╰半夏微凉° 2022-01-18 20:54 211阅读 0赞

# 文档 #

[官网][Link 1]

# 重定向 #

## routes里面的写法 ##

{ 
          //重定向testRedirect到了home
          name: 'testRedirect',
          path: '/testRedirect',
          // redirect: { name: 'home' }
          // redirect:"/"
          redirect: function(){ 
            return '/'
          }
        }

使用

myClick:function(){ 
          this.$router.push({ 
            name:"testRedirect"
          })
        },

点击之后，路由会直接调到home页面，此时的路由为

http://192.168.10.162:8080/#/

# 别名 #

{ 
          //别名
          name:'alias',
          path:'/alias',
          component:function(resolve){ 
            require(['./views/alias.vue'],resolve)
          },
          alias:"/aliasTwo"
        }

使用

myClick1:function(){ 
          this.$router.push('alias')
        },
        myClick2:function(){ 
          this.$router.push('aliasTwo')
        }

点击1之后，地址栏变为

http://192.168.10.162:8080/#/alias

点击2之后，地址栏变为

http://192.168.10.162:8080/#/aliasTwo

但是最后是显示的同一个页面

[Link 1]: https://router.vuejs.org/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关路由重定向和别名

路由重定向和别名；路由重定向；路由别名

蔚落/ 2024年04月20日 12:08/ 0 赞/ 82 阅读

相关实例入手vue-router重定向

场景当一进来某一个APP，想让其显示某个页面，所以需要在index.vue使用重定向使其重定向到初始页面。效果 ![Image 1][]![201811262

电玩女神/ 2023年10月18日 11:48/ 0 赞/ 45 阅读

相关 router路由默认值和重定向

当进入首页面的时候，希望页面渲染首页的内容，而不是空白的的时候可以在router里面重新重定向配置 ![在这里插入图片描述][watermark_type_ZmFuZ3po

素颜马尾好姑娘i/ 2022年11月09日 03:49/ 0 赞/ 157 阅读

相关 React-router（9）重定向

9、重定向 [DEMO地址][DEMO] > 参考 7.redirect.js 重定向有两种方式，第一种是通过 `<Redirect>` 标签实现，第二种是通过编程式

待我称王封你为后i/ 2022年05月30日 04:11/ 0 赞/ 148 阅读

相关 vue-router 多级路由redirect 重定向的问题

在做多级路由的时候遇到很多问题，虽然不难，但是如果没有经验，往往要花一整天时间才能解决（可能我笨），况且网上资料也很少。项目需要是这样的：

柔情只为你懂/ 2022年05月21日 00:57/ 0 赞/ 233 阅读

相关 vue中的重定向和别名

重定向：重定向”的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b，重定向也是通过 routes 配置来完成，下面例子是从 "\" 重定向

﹏ヽ暗。殇╰゛Y/ 2022年05月18日 23:22/ 0 赞/ 241 阅读

相关 vue-router—4重定向和别名

import Vue from 'vue' import VueRouter from "vue-router"; // 作为vue

我就是我/ 2022年01月21日 10:37/ 0 赞/ 192 阅读

相关 vue-router:重定向路由理解

资料 [转自][Link 1] [官网][Link 2] 为什么使用重定向路由开发中有时候我们虽然设置的路径不一致，但是我们希望跳转到同一个页面，或者说是打

清疚/ 2022年01月20日 04:21/ 0 赞/ 513 阅读

相关 vue router 重定向与别名

文档 [官网][Link 1] 重定向 routes里面的写法 { //重定向testRedirect到了home

╰半夏微凉°/ 2022年01月18日 20:54/ 0 赞/ 212 阅读

相关 vue-router入门（2）—— 命名视图，重定向和别名，router.push()，router.replace(),router.go()

关于vue-router的入门，个人感觉官网的东西写的有点乱，所以打算整理一些场景搭配使用。所以可能会漏掉一些个人觉得几乎用不到的功能。有兴趣的可以去官网看完整版。 1

爱被打了一巴掌/ 2021年09月16日 06:56/ 0 赞/ 391 阅读