vue刷新后回到之前的页面

在Vue中实现刷新后回到之前的页面可以通过使用路由的`history`模式来实现。当使用`history`模式时，Vue Router会使用浏览器的history API来管理路由，并且URL不会包含`#`。

首先，在Vue Router的初始化时，配置`mode: 'history'`来启用`history`模式。例如，在你的路由配置文件中：

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  mode: 'history', // 启用history模式
  routes: [
    // 路由配置
  ]
});

export default router;

然后，在`<router-view>`组件的周围包裹一个`<keep-alive>`组件，以保持之前的页面状态。

<template>
  <div>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

最后，在需要刷新后回到之前页面的地方，使用`this.$router.go(-1)`来返回上一个页面。可以在按钮点击事件或其他需要的地方调用该方法。

<template>
  <div>
    <button @click="goBack">返回上一页</button>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.go(-1); // 返回上一页
    }
  }
}
</script>

这样，当你在Vue应用中刷新页面后，它会回到之前的页面。注意，这需要你的服务器正确配置，以便在直接访问路由时返回正确的页面。