npm i -s vue-router@next
npm i -D vite-plugin-pages
vue.config.ts 配置:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Pages from "vite-plugin-pages"
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
Pages(),
],
})
vite-env.d.ts配置:
/// <reference types="vite-plugin-pages/client" />
router配置:
import {
createWebHistory,
createRouter,
} from 'vue-router'
import routes from '~pages'
export const router = createRouter({
routes,
history: createWebHistory(),
})
注:pages文件夹需要index.vue文件