在nuxt.config.js里面head里面添加


/*

  ** Headers of the page

  */

  head: {

    title: process.env.npm_package_name || '',

    meta: [

{ name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no,viewport-fit=cover' },//禁止用户缩放

      { name: 'X-UA-Compatible', content: 'ie=edge,chrome=1' },//优先使用 IE 最新版本和 Chrome

      { name: 'Cache-Control', content: 'no-siteapp' },//转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码

      { name: 'Cache-Control', content: 'no-transform' },//不得对资源进行转换或转变

      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' },

      { name: 'renderer', content:'webkit'},//浏览器内核控制

      { name: 'robots', content:'index,follow'},//搜索引擎索引方式

      { name: 'googlebot', content:'index,follow'},//搜索谷歌引擎索引方式

      { name: 'google', content:'notranslate'},//谷歌翻译

    ],

在nuxt使用 head 方法设置当前页面的头部标签。

为了避免子组件中的meta标签不能正确覆盖父组件中相同的标签而产生重复的现象,建议利用 hid 键为meta标签配一个唯一的标识编号,用于覆盖父组件的head头部标签。

关于meta的keyword标签,在搜索引擎,已经作用不大,所以就不用。还有用的不好还会降权,所以建议不用,一些主流网站已经不再使用。