云起工作室 15711107967
09meta注入
2025-02-06 10:44:55
1、在nuxt.config.js里 设置统一meta




head:{

	title:"统一的标题",

	meta:[

		{charset:"utf-8"},

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

		{hid:'description',name:'description',content:''}

	],

	link:[

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

	]

}

e

2、在页面设置meta

export default{

	head(){

		return {

			meta:[

				{charset:"utf-8"},

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

				{hid:'description',name:'description',content:''}

			]

		}

	}

} 




3、动态更新head

在plugins/mixins.js

 

Vue.minxin({

	methods:{

		$seo(title,content,payload){

			return {

				title,

				meta:[{

					hide:'description',

					name:'keywords',

					content

				}].concat(payload)

			}

		}

	}





})