如果有人想从一个页面/a永久重定向到另一个页面/b

我们可以使用在router.js中添加的redirect:选项。例如，当用户输入根或基url /时，我们想要将用户重定向到一个单独的页面:

const router = new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      redirect: "/someOtherPage",
      name: "home",
      component: Home,
      // () =>
      // import(/* webpackChunkName: "home" */ "./views/pageView/home.vue"),

    },
   ]

window.location = url;

'url'是你想重定向的web url。

Vue3.js重定向

ve3 js全局重定向可以在main.ts中使用此方法定义

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)
app.config.globalProperties.$redirect = (page) => {router.push(page)}
app.use(router).mount('#app')

组件

<button @click="$redirect('/login')" type="button" class="btn ">Login</button>

根据文件，是路由器。推送似乎是首选方法:

要导航到不同的URL，使用router.push。此方法将 历史堆栈中的新条目，因此当用户单击浏览器时 返回按钮，他们将被带到以前的URL。

来源:https://router.vuejs.org/en/essentials/navigation.html

供参考:Webpack和组件设置，单页应用程序(通过Main.js导入路由器)，我必须调用路由器函数，这样说:

this.$router

示例:如果你想在满足条件后重定向到一个名为“Home”的路由:

this.$router.push('Home') 

所以，我所寻找的只是在哪里放window.location.href和结论，我来的是，最好和最快的方式重定向是在路由(这样，我们不等待任何东西加载之前，我们重定向)。

是这样的:

routes: [
    {
        path: "/",
        name: "ExampleRoot",
        component: exampleComponent,
        meta: {
            title: "_exampleTitle"
        },
        beforeEnter: () => {
            window.location.href = 'https://www.myurl.io';
        }
    }]

也许它会帮助别人。

如果您正在使用Composition API，方法是使用类似这样的东西

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

router.push({ name: 'about' })
</script>

您可以使用Vue devtools检查路由的名称

我也建议使用name，因为如果你想要更新某个路径，你不需要重写所有的按钮/链接。