VUE TDK优化

封装js文件 例子：/utils/setTdk

export function setTitle(val) {
  let titDom = null;
  titDom = document.querySelector('title');
  if (titDom) {
    titDom.innerText = val;
  }
}
export function setKeywords(val) {
  let keyDom = null;
  keyDom = document.querySelectorAll('meta')[3];
  if (keyDom) {
    keyDom.setAttribute("content", val);
  }
}
export function setDescription(val) {
  let desDom = null;
  desDom = document.querySelectorAll('meta')[4];
  if (desDom) {
    desDom.setAttribute("content", val)
  }
}

具体页面引用（如果设置的值不是动态数据，建议写在beforeCreate里边）

import { setTitle, setKeywords, setDescription } from '@/utils/setTdk'

created() {
  setTitle('title');
  setKeywords('keywords');
  setDescription('description');
},

其他解决方案参考链接：blog.csdn.net/u010289111/…

关于SEO,可以读一下掘友的文章：juejin.cn/post/684490…