我觉得有必要在这里提一嘴这个好用的插件

unplugin-vue-router

它可以根据文件系统结构来生成路由页面

稍加修改就可以配合 ViteSSG 做到根据不同的语言生成不同的路由

./src/pages/
  + index.vue
  + demo/[id].vue
===================
/zh/          => index.vue
/zh/demo/:id  => demo/[id].vue
/en/          => index.vue
/en/demo/:id  => demo/[id].vue

不知道各位前端人有没有因为添加页面需要去修改router.ts而烦恼过？

咱在这里隆重推荐一款vite插件，它可以使你从切换.vue和router.ts中解放出来，您只需要在.vue文件中编写路由即可

Template Router

<template path="/path" layout="Layout">
  <!-- ... -->
</template>