nuxt项目配置百度收录(baidu-site-verification)

542 阅读1分钟

baidu-site-verification是百度网站主验证的一种方法。它是百度搜索引擎提供的一项服务,允许网站所有者验证他们拥有并控制着特定网站。通过进行验证,网站所有者可以向百度搜索引擎提交他们的网站,并获得在百度搜索结果中显示的机会。

方法一:

在根目录下(与nuxt.config.js同级)创建app.html,复制一下代码到app.html,更换百度收录的code,这样就完成啦~

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
    <meta name="baidu-site-verification" content="这里填百度收录的code">
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

方法二:

1、在vue.config.js文件下,head下meta配置以下代码

{ name: 'baidu-site-verification', content: 'codeva-XVF1wSZ7MP' }

2、在vue.config.js文件下,hooks配置以下代码

 hooks: {
    'render:route'(url,page){
      page.html =  page.html.replace(/(data-n-head="ssr")|(data-hid="description")/gi,'')
   }
  }