vue项目 H5 动态设置浏览器标题

1，先将要展示的标题存本地
 

	if (that.PromotionInfo.Title) {
							localStorage.setItem("AcTitle", that.PromotionInfo.Title)
						}

2,现在路由meta中设置标题，再在路由守卫中设置

import Vue from 'vue'
import Router from 'vue-router'
import promptDetail from './views/promptDetail'

Vue.use(Router)
const router = new Router({
  routes: [
	{
		  //活动详情
		    path: '/',
		    name: 'promptDetail',
			meta:{title:localStorage.getItem("AcTitle")},
		    component: promptDetail
		},
	
  ],
 
})
router.beforeEach((to,from,next)=>{//beforeEach是router的钩子函数，在进入路由前执行
    if(to.meta.title){//判断是否有标题
        document.title = to.meta.title
    }
	
    next()  //执行进入路由，如果不写就不会进入目标页
})
 
export default router

哦买噶~本地是可以的，生产环境就不行了，
解决办法
 

if (that.PromotionInfo.Title) {
							// localStorage.setItem("AcTitle", that.PromotionInfo.Title)
							console.log("页面设置",document.title);
							 document.title = that.PromotionInfo.Title;
							 	console.log("页面设置之后",document.title);
						}