Vue项目网页标题设置方法
原创
这是我在写Vue.js实战中总结出来的方法，希望能给小伙伴们一点帮助
方法一
在和 package.json 同级的页面下新建 vue.config.js 文件
在文件内写入
module.exports = {
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
args[0].title= '你要的标题'
return args
})
}
}方法二
此方法适用于包含router的Vue应用，且在导航完成后动态显示标题的情况。
First：在 router/index.js 中加入 全局前置守卫
关于全局前置守卫，请参考官方文档
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
router.beforeEach((to, from, next) => {
document.title = "你的网页标题"
next()
})Then：在导航完成后的页面中异步请求完成后，加入document.title="你的网页标题"即可
PS：如果您有更好的方法，欢迎在下方评论区留言哦~
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
