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

nuxt2

nuxt.config.js

js 复制代码
module.exports = {
	// ...
	hooks: {
	  'render:route': (url, result) => {
	    // 去除nuxt自定义属性
	    result.html = result.html.replace(/\sdata-n-head=".*?"/gi,'').replace(/\sdata-hid=".*?"/gi, '').replace(/<a(.*?)href="\//gi, '<a$1href="https://www.xxx.cn/')
	  }
	},
}

nuxt3

server/plugins/renderHtml.ts

js 复制代码
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(/<a(.*?)href="\//gi, '<a$1href="https://www.xxx.cn/')
    });
});
相关推荐
听风者一号几秒前
cssMoudle生成器
前端·javascript·json
霍理迪1 分钟前
Vue—其他指令及自定义指令
前端·javascript·vue.js
爱丽_1 分钟前
Vue Router 权限路由:动态路由、导航守卫与白名单的工程落地
前端·javascript·vue.js
小江的记录本2 分钟前
【Filter / Interceptor】过滤器(Filter)与拦截器(Interceptor)全方位对比解析(附底层原理 + 核心对比表)
java·前端·后端·spring·java-ee·前端框架·web
独泪了无痕8 分钟前
Vue3动态组件Component的深度解析与应用
前端·vue.js·web components
lbh8 小时前
当我开始像写代码一样和AI对话,一切都变了
前端·openai·ai编程
We་ct9 小时前
LeetCode 918. 环形子数组的最大和:两种解法详解
前端·数据结构·算法·leetcode·typescript·动态规划·取反
wefly20179 小时前
m3u8live.cn 在线M3U8播放器,免安装高效验流排错
前端·后端·python·音视频·前端开发工具
C澒10 小时前
微前端容器标准化 —— 公共能力篇:通用打印
前端·架构
德育处主任Pro10 小时前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js