从api获取特定页面 最简单的方法是向URL添加另一个参数，该参数将破坏缓存。

router.replace(数据。电流+ '?t=' + (new Date())).getTime())

例如

router.beforeEach((to, from, next) => {

axios
    .get('http://domazin.com/currentpage')
    .then(response => {
     const data = response.data
       if (to.path != data.current) {
              router.replace(data.current + '?t=' + (new Date()).getTime())
       } else {
          next()
       }
    })
    .catch(error => {
        console.log(error)
});

);

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

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

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

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

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

为了与您最初的要求保持一致:

window.location.href = 'some_url'

你可以这样做:

<div @click="this.window.location='some_url'">
</div>

注意，这并没有利用Vue的路由器，但如果你想“在Vue.js中做一个类似于香草javascript的重定向”，这是可行的。

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>

我使用Vue3，这对我来说是有效的

router.push({ name: 'myRoute' })

美元。路由器。Push可以用来重定向vue.js中的页面

this.$router.push(url);

这个例子。美元router.push(“回家”); 此方法不会刷新页面