vue项目中pubile/index.html文件设置动态meta？

Question

如何设置description，和keywords的content可以随着接口改变而改变
接口该如何再index.html中调用，如何复制

Answer 1

在router.js配置meta
{
      path: '/teachers',
      name: 'TDetail',
      component: TDetail,
      meta: {
        title:"标题",
        description: '描述'
      }
    },

//main.js里面的代码
  router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面meta */
  if(to.meta.content){
    let head = document.getElementsByTagName('head');
    let meta = document.createElement('meta');
    meta.content = to.meta.content;
    head[0].appendChild(meta)
  }
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title;
  }
  next()
});