首页 > 解决方案 > 以编程方式重定向到 vue-router 应用程序外部但在同一域上的 URL?

问题描述

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

例子

标签: vue.jsvuejs2vue-router

解决方案


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

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

使用激活:

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

推荐阅读