以编程方式重定向到Vue-Router应用程序外部但在同一域上的URL？

Question

我在同一域上有一个外部网站和vue应用程序。我想以编程方式将用户从vue应用重定向到具有完整页面重新加载的外部网站。

示例

• http://example.com-> vue + vue-router应用程序

• http://example.com/external-site->外部网站

Answer 1

您需要的是：

window.location.href = "http://example.com";

Answer 2

在 Vue 2.x 中，您可以通过添加这样的路由来创建一个将转到外部 URL 的路由：

{
    path: "/Stackoverflow",
    component: Stackoverflow,
    beforeEnter(to, from, next) {
      window.location.href = "https://stackoverflow.com";
    }
}

激活使用：

this.$router.push({ path: '/Stackoverflow' });