48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
//通过vue-router插件实现模板路由配置
|
|
import { createRouter, createWebHistory } from 'vue-router'
|
|
import { constantRoute } from './router'
|
|
//创建路由器
|
|
const router = createRouter({
|
|
//路由模式hash
|
|
// history: createWebHashHistory(),
|
|
history: createWebHistory(),
|
|
routes: constantRoute,
|
|
//滚动行为
|
|
scrollBehavior() {
|
|
return {
|
|
left: 0,
|
|
top: 0,
|
|
}
|
|
},
|
|
})
|
|
// _form: ‘_’表示占位变量，可以不被使用
|
|
router.beforeEach((to, _from, next) => {
|
|
if (to.meta.title && to.meta.title != '') {
|
|
let oldTitle = document.title
|
|
document.title = <string>to.meta.title + ' - ' + oldTitle
|
|
}
|
|
next()
|
|
})
|
|
//路由后置卫士
|
|
router.afterEach((to) => {
|
|
//填充mate元信息
|
|
const { title , keywords, description } = to.meta
|
|
//详情页标题
|
|
const detailTitle = title
|
|
//设置title
|
|
if (detailTitle) {
|
|
document.title = detailTitle + ' - ' + import.meta.env.VITE_APP_TITLE
|
|
} else {
|
|
document.title = import.meta.env.VITE_APP_TITLE
|
|
}
|
|
|
|
//设置meta
|
|
document.querySelector('meta[name="keywords"]')?.setAttribute("content", `${keywords}`)
|
|
document.querySelector('meta[name="description"]')?.setAttribute("content", `${description}`)
|
|
//设置meta og
|
|
document.querySelector('meta[property="og:title"]')?.setAttribute("content", `${document.title}`)
|
|
document.querySelector('meta[property="og:site_name"]')?.setAttribute("content", `${document.title}`)
|
|
document.querySelector('meta[property="og:description"]')?.setAttribute("content", `${description}`)
|
|
})
|
|
export default router
|