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

【问题标题】：Programmatically redirect to URL outside the vue-router app but on the same domain?以编程方式重定向到 vue-router 应用程序外部但在同一域上的 URL？
【发布时间】：2019-10-15 22:51:50
【问题描述】：

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

示例

http://example.com --> vue + vue-router App
http://example.com/external-site --> 外部网站

【问题讨论】：

你可以用带href的普通a标签来做吗？据我所知，您使用路由器链接在没有服务器请求的情况下获取新页面
我使用路由作为 { path:'*', redirect:'/404' } 所以任何链接 /external-site 都会被重定向到 /404 而无需重新加载页面。
location.href = '/external-site'
如果/external-site 是一个真实的文件/目录，你的包罗万象的路由将不会发挥作用，除非你的服务器端 URL 重写配置错误
“服务器配置配置正确” ????我保证不是。您能否将详细信息添加到您的问题中？

标签： vue.js vuejs2 vue-router

【解决方案1】：

你只需要：

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

【讨论】：

【解决方案2】：

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

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

使用激活：

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

【讨论】：