vue 配置 title、keywords、description、icon

修改title、keywords、description

因为title、keywords、description会随着页面变化而变化的。可以写一个公共的方法，在需要的时候直接调用就额可以了

/**
   * 配置 seo
   * @param title 网页标题
   * @param key 关键词
   * @param des 描述
   */
  setMeta:function (title,key,des){
    let  title_default = "网站名称";
    if(title){
      title_default += title;
    }
    document.title = title_default;
    document.querySelector("meta[name='keywords']").setAttribute('content', key);
    document.querySelector("meta[name='description']").setAttribute('content', des);
  }

配置icon

1、首先在iconfont新建项目，在我的项目中找到创建的这个项目。有一个font class。点击它会生成icon的class链接。点击复制复制链接。
2、如果只是本地配置，则在head中添加,如果是通过后台接口来配置。则在head中添加。name是标识符必须存在。通过下列代码注入

document.querySelector("link[name='iconfont']").setAttribute('href', 'font class 链接');