Vue SPA项目如何修改网站标题

直接贴 门户项目代码

// 全局router 直接挂载路由导航守卫
router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        var title = to.path.startsWith("/news")
            ? to.meta.metas[to.params.id]
            : (document.title = to.meta.title);
    }

    document.title = `美丽刘营-${title}`;
    next();
});

因为我这里 /news 路由是动态的,所以需要额外处理一下

    {
        path: "/news/:sign/:id/:index",
        name: "News",
        component: () => import(/*webpackChunkName: "Affairs"*/ "@/views/News"),
        meta: {
            metas: {
                "3": "生态农业",
                "4": "文化教育",
                "5": "乡村基建",
                "6": "人居环境",
                "7": "农村旅游",
                "8": "农村电商",
            },
        },
    },