nuxt3 查看源代码中有大量注释的解决方案

首先这些注释没什么影响，如果有强迫症，可以使用以下方法

server文件夹中创建middleware文件夹，middleware中创建clean.ts

定义过滤html注释方法 cleanNotes.ts

export const replaceNotes = (html: String) => {
  const reg = /<!--[\s\S]*?-->/g;
  if (html) {
    return html.replace(reg, "");
  }
  return "";
};

clean.ts

import { replaceNotes } from "~~/utils/htmlClend";



export default defineEventHandler(async (event: any) => {
  const { req, res } = event.node;
  res.original_end = res.end;
 
  res.end = function (data: any) {
      // 清除注释
      let cleanData = replaceNotes(data);


      // html设置客户端缓存60s
      res.setHeader("Cache-Control", "private, max-age=60");
      // 最终返回请求的内容
      return res.original_end(cleanData, "utf-8");
    };
});