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

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',

            }

        }

    }

}