nuxt更改页面渲染的html,去除自定义属性、

nuxt2

nuxt.config.js

module.exports = {
	// ...
	hooks: {
	  'render:route': (url, result) => {
	    // 去除nuxt自定义属性
	    result.html = result.html.replace(/\sdata-n-head=".*?"/gi,'').replace(/\sdata-hid=".*?"/gi, '').replace(//gi, ')
	  }
	},
}

nuxt3

server/plugins/renderHtml.ts

export default defineNitroPlugin((nitroApp) => {
    nitroApp.hooks.hook('render:html', (html) => {
        html.body[0] = html.body[0].replace(/\sdata-n-head=".*?"/gi,'').replace(/\sdata-hid=".*?"/gi, '').replace(//gi, ')
    });
});

你可能感兴趣的:(nuxt,html,前端,nuxt2,nuxt3,nuxtjs)