需要安装 Vue Router 来实现页面跳转：
pnpm add vue-router
然后创建路由配置
创建 src/router/index.ts：
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(),
routes: [
{
path: '/',
name: 'Home',
component: () => import('@/views/WechatAuth.vue')
},
{
path: '/callback',
name: 'Callback',
component: () => import('@/views/Callback.vue')
},
{
path: '/result',
name: 'Result',
component: () => import('@/views/Result.vue')
}
]
})
export default router
修改 main.ts
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
createApp(App).use(router).mount('#app')
修改 App.vue
<script setup lang="ts">
</script>
<template>
<router-view />
</template>