路由配置
在 src 下新建 router.js 配置路由,其核心代码如下:
import home from '../views/home/home.vue'
import {
createMemoryHistory,
createRouter as _createRouter,
createWebHistory,
// createWebHashHistory
} from 'vue-router'
export function createRouter() {
return _createRouter({
// use appropriate history implementation for server/client
// import.meta.env.SSR is injected by Vite.
history: import.meta.env.SSR ? createMemoryHistory('/') : createWebHistory('/'),
routes:[
{ path: '/', redirect: '/home' },// 配置默认路由,重定向到/home
{ path: '/home', component: home },
{ path: '/detail', component:() => import('../views/detail/detail.vue') },
{ path: '/publish', component:() => import('../views/publish/publish.vue') },
{ path: '/login', component:() => import('../views/login/login.vue') },
{ path: '/search', component:() => import('../views/search/search.vue') }
]
})
}