Vue-Routes重定向不起作用,并且在再次进入render App组件之前

时间:2018-11-17 23:44:43

标签: vue.js vue-component vue-router

尝试重定向到外部链接时遇到一些问题。

例如:

{ path: '*', redirect: 'https://google.com'}

当我使用“重定向”时,它不能完全起作用,但是当我使用类似的东西时

{ path: '/*',
  beforeEnter(to, from, next) {
    window.location = "https://google.com"
  }
 }

它可以工作,但是有一个问题,因为首先,它尝试再次呈现App组件,但是没有组件,因此为空,并且空白页面的呈现时间将近1-1.5秒,然后重定向到目标URL,我没有不想让它重新加载App组件,只需将其重定向到其他链接即可。我用谷歌搜索,但没有发现任何值得注意的东西。

或者也许还有另一种方式,例如停用组件或使用v-if或直接呈现html文件?

1 个答案:

答案 0 :(得分:1)

redirect旨在重定向到您的应用程序定义的其他路由,而不是直接访问另一个网站。

window.location可以,但是我认为这种行为在某种程度上取决于浏览器。