单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
chenyc
2025-06-23 674d10b063ac39eadcb409457958d850320924fc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
// router/index.ts
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import Home from '../views/Home.vue'; // 假设这是你的主页组件
import deviceWindows from '../views/deviceWindows.vue'
import deviceWindows2 from '../views/deviceWindoes2.vue'
import test from '../views/test.vue'; // 搜索结果页,接收查询参数
import registerForNutrition from '../views/register/index.vue'
import registerSuu from '../views/registerSuu/index.vue'
 
// 定义路由规则,并为每个路由指定类型安全的 props
const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: deviceWindows2,
  },
  {
    path: '/test',
    name: 'test',
    component: test,
    props: true, // 路径参数将作为 props 传递给组件
  },
  {
    path: '/registerForNutrition',
    name: 'registerForNutrition',
    component: registerForNutrition
  },
  {
    path: '/register-success',
    name: 'registerSuu',
    component: registerSuu
  }
];
 
// 创建路由器实例,并指定类型
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes, // 路由配置
});
 
export default router;