61 lines
2.2 KiB
TypeScript
61 lines
2.2 KiB
TypeScript
// src/router/routes.ts
|
|
import type { RouteRecordRaw } from 'vue-router' // 添加type关键字
|
|
// import Home from '@/views/Home/Home.vue'
|
|
// import News from '@/views/News/News.vue'
|
|
// import Network from '@/views/Network/Network.vue'
|
|
// import Dating from '@/views/Dating/Dating.vue'
|
|
// import App from '@/views/App/App.vue'
|
|
// import Ecosystem from '@/views/Ecosystem/Ecosystem.vue'
|
|
// import About from '@/views/About/About.vue'
|
|
// import About from '@/views/About.vue'
|
|
// import I18nDemo from '../views/I18nDemo.vue'
|
|
// import Layout from '@/layout/Layout.vue'
|
|
const routes: RouteRecordRaw[] = [
|
|
{
|
|
path: '/',
|
|
component: () => import('@/layout/Layout.vue'), // 动态导入
|
|
children: [
|
|
{ path: '', name: 'Home', component: () => import('@/views/Home/Home.vue') },
|
|
{ path: 'news', name: 'News', component: () => import('@/views/News/News.vue') },
|
|
{ path: 'news/:id', name: 'ArticleDetail', component: () => import('@/views/News/ArticleDetail.vue') },
|
|
{ path: 'network', name: 'Network', component: () => import('@/views/Network/Network.vue') },
|
|
{ path: 'dating', name: 'Dating', component: () => import('@/views/Dating/Dating.vue') },
|
|
{ path: 'app', name: 'App', component: () => import('@/views/App/App.vue') },
|
|
{ path: 'ecosystem', name: 'Ecosystem', component: () => import('@/views/Ecosystem/Ecosystem.vue') },
|
|
{ path: 'about', name: 'About', component: () => import('@/views/About/About.vue') }
|
|
]
|
|
},
|
|
// {
|
|
// path: '/i18n-demo',
|
|
// name: 'I18nDemo',
|
|
// component: I18nDemo,
|
|
// meta: {
|
|
// title: '国际化演示'
|
|
// }
|
|
// },
|
|
// {
|
|
// path: '/',
|
|
// name: 'Home',
|
|
// component: Home,
|
|
// meta: {
|
|
// title: '首页 - 极简官网' // 明确指定title为string类型
|
|
// } as { title: string } // 强制类型断言
|
|
// },
|
|
// {
|
|
// path: '/about',
|
|
// name: 'About',
|
|
// component: About,
|
|
// meta: {
|
|
// title: '关于我们 - 极简官网'
|
|
// } as { title: string }
|
|
// },
|
|
{
|
|
path: '/:pathMatch(.*)*',
|
|
name: 'NotFound',
|
|
component: () => import('@/views/NotFound.vue'),
|
|
meta: { title: '404 - 页面不存在' } as { title: string }
|
|
}
|
|
]
|
|
|
|
export default routes
|