vue实现进入某个页面后替换地址栏路径的操作方法

    getBtnType(type) {
       this.$router.push({
          path: "/",
          query: {
            token: 'thisIsMyToken'
          },
        })
    },

        router.beforeEach((to, from, next) => {
  if (to.query.token) {
    localStorage.setItem("myToken", to.query.token)
    router.replace({ path: "/" }).then((res) => {
      next();
    })
  }
});

<template>
  <div>
    <menu-top></menu-top>
    <menu-slide></menu-slide>
    <div class="app-content">
        <transition name="router-fades" mode="out-in">
            <router-view v-if="isRefresh"></router-view>
        </transition>
    </div>
  </div>
</template>
<script>
import MenuTop from "@/components/menu-top.vue";
import MenuSlide from "@/components/menu-slide.vue";
export default {
  provide () { //注入重新加载组件方法（子页面可以通过inject属性接收）
    return {
      reload: this.reload 
    }
  },
  components: {
    MenuSlide,
    MenuTop
  },
  data () {
    return {
      isRefresh: true
    }
  },
  methods: {
    async reload () {
      this.isRefresh= false
      await this.$nextTick()
      this.isRefresh= true
    }
  }
}
</script>

<template>
    <div></div>
</template>
<script>
    export default {
        inject: ['reload'],
        methods:{
            reloadFun () {
                this.reload()
            }
        }
    }
</script>