.nuxt 添加标题描述和关键词

.nuxt 添加标题描述和关键词

export default {
  //与data(){},同级
  head() {
    return {
      title: "标题", //需要动态添加标题可以直接赋值如:this.title
      meta: [
        {
          name: "keywords",
          hid: "newd",
          content: "关键字内容",
        },
        {
          name: "description",
          hid: "index",
          content: "当前页面简述内容",
        },
      ],
    };
  },
}

添加百度seo搜索

baidu.js 应该不是通用的,具体根据自己公司运营人员给的数据配置,以下只作参考

export default ({ app: { router }, store }) => {
  router.afterEach((to, from) => {
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?8b756456fcd5252b10b3e8e84fb43080";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
  })
}

nuxt.config.js

 head: {
    script: [
      {src: https://hm.baidu.com/hm.js?8b756456fcd5252b10b3e8e84fb43080}
    ]
  },
 //并把百度文件打包到静态文件下
  plugins: [
    {
      src: "./plugins/baidu.js",
      ssr: false
    },
  ],
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值