nuxt的去除网页源代码中link和script标签

可以使用 Nuxt.js 的模板引擎来去除网页源代码中的 link 和 script 标签。在模板中使用 v-html 指令来渲染需要展示的内容，这样就可以过滤掉不需要的标签。例如：

<template>
<div v-html="pageContent"></div>
</template>

<script>
export default {
data() {
return {
pageContent: '<p>Hello world</p><link rel="stylesheet" href="style.css"><script src="script.js"></script>'
}
}
}
</script>

这样渲染出来的页面就只包含了 <p>Hello world</p> 这段内容，而 link 和 script 标签已经被过滤掉了。

相关问题

nuxt的去除网页源代码中script标签。

您可以使用 Nuxt.js 提供的默认配置来去除网页源代码中的 script 标签。只需要在 nuxt.config.js 文件中添加以下代码即可：

export default {
  // ...
  render: {
    // 去除所有页面中的 script 标签
    injectScripts: false
  }
  // ...
}

这样就可以去除所有页面中的 script 标签了。如果您只想去除特定页面中的 script 标签，可以在页面组件中使用 `head()` 方法设置 `script` 属性为 `false`，如下所示：

export default {
  // ...
  head() {
    return {
      script: false
    }
  }
  // ...
}

希望这个回答能够帮到您！如果您还有其他问题，请随时问我。

nuxt的去除网页底部源代码中script标签，

可以通过在nuxt.config.js文件中的build配置项中添加以下代码来实现：

build: {
extend(config, { isDev, isClient }) {
// Remove script tags from generated HTML
config.module.rules.push({
test: /\.html$/,
loader: 'html-loader',
options: {
minimize: true,
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: false,
keepClosingSlash: true,
caseSensitive: true,
// Remove script tags
preprocessor: (content, loaderContext) => {
return content.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, '');
}
},
});
}
}

希望能对你有所帮助！