vue3 使用router4 刷新页面空白

如果在使用 Vue3 和 Router4 时刷新页面出现空白页面的问题，可能是因为在路由设置时未正确配置路由模式。

在 Vue3 中，路由模式默认为 `hash` 模式，即在 URL 中添加 `#`，例如：`http://localhost:8080/#/home`。但是如果需要使用 `history` 模式，需要在创建路由时进行配置，例如：

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 路由配置
  ]
})

在这里使用了 `createWebHistory()` 方法创建了一个基于 `history` 模式的路由。

如果还出现空白页面的问题，可以尝试在 `main.js` 中添加以下代码：

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

const app = createApp(App)
app.use(router)
// 添加这行代码
router.isReady().then(() => app.mount('#app'))

这里使用了 `router.isReady().then(() => app.mount('#app'))` 方法确保在路由加载完成后再进行应用的挂载。