vue3 路由使用history 模式，刷新页面会报404

解决办法

router.js

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

vue.config.js

const BASE_URL = process.env.NODE_EVN !== 'development'
  ? '/'
  : '/'
const port = process.env.PORT || 8080

module.exports = defineConfig({
  transpileDependencies: true,
  //  基本路径
  publicPath: BASE_URL,

根路径必须使用“/”才不会出现刷新报错