nuxt 中修改html meta或lang属性 2019-06-28

1.修改所有页面的meta属性可以在nuxt.config.js里面统一配置


在nuxt.config.js里面配置的meta会在所有页面添加


/*

    ** Headers of the page

    */

    head: {

        htmlAttrs: { // 这里修改app.html里面的html上的{{ HTML_ATTRS }}属性

            lang: 'en',

        },

        title: '阿里印_在线设计印刷_免费设计_工厂直供_全国发货',//process.env.npm_package_name ||

        meta: [

            { charset: 'utf-8' },

            { name: 'viewport', content: 'width=device-width, initial-scale=1' },

            { hid: 'keywords', name: 'keywords', content: '在线设计工具,在线名片设计工具软件,免费名片模板,广告扇定做,在线印刷报价' },

            { hid: 'description', name: 'description', content: '阿里印,海量精美正版模板免费使用,5G云端设计工具免费在线作图,全国联盟工厂就近生产制作,全国任何地方都可接单生产送货,厂价直销,价格一降到底,全国客服热线:4000-975-123。' },

        ],

        link: [

            { rel: 'icon', type: 'image/x-icon', href: '//static.aliyin.com/favicon.ico' },

            // { rel: 'stylesheet', href: '//static.aliyin.com/service/css/element.css?v=123' }

        ]

    },




2.在单个页面里面可以在head 方法里面进行修改

export default {

    loading: false,

    head () {

        return {

            title: '阿里印-设计不求人-设计器',

            htmlAttrs: {

                lang: 'zh-CN',

            }

        }

    }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容