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

可以通过 Nuxt.js 的模板选项来实现。具体步骤如下：

1. 在 nuxt.config.js 中添加 template 属性及其选项：

module.exports = {
  // ...
  template: {
    // 去除所有 script 标签
    script: false,
    // 去除所有 link 标签
    link: false
  }
  // ...
}

2. 在需要去除标签的页面中，使用插槽来渲染内容，并在插槽中添加相应的标签：

<template>
  <div>
    <client-only>
      <slot name="head"></slot>
    </client-only>
    <slot></slot>
  </div>
</template>

<script>
export default {
  head() {
    return {
      // 在 head 中添加 link 标签
      link: [
        {
          rel: 'stylesheet',
          href: 'https://fonts.googleapis.com/css?family=Roboto'
        }
      ]
    }
  }
}
</script>

这样就可以在页面中去除 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, '');
}
},
});
}
}

希望能对你有所帮助！