nuxt的去除网页底部源代码中script标签。
时间: 2024-06-06 09:08:54 浏览: 88
您可以在nuxt.config.js文件中的build配置中加入以下代码:
build: {
extend(config, ctx) {
config.module.rules.push({
test: /\.(html)$/,
use: {
loader: 'html-loader',
options: {
minimize: true,
removeComments: false,
collapseWhitespace: false
}
}
})
}
}
这样就可以在打包时将网页底部的源代码中的script标签去除。
相关问题
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, '');
}
},
});
}
}
希望能对你有所帮助!
nuxt的去除网页源代码中script标签。
您可以使用 Nuxt.js 提供的默认配置来去除网页源代码中的 script 标签。只需要在 nuxt.config.js 文件中添加以下代码即可:
```javascript
export default {
// ...
render: {
// 去除所有页面中的 script 标签
injectScripts: false
}
// ...
}
```
这样就可以去除所有页面中的 script 标签了。如果您只想去除特定页面中的 script 标签,可以在页面组件中使用 `head()` 方法设置 `script` 属性为 `false`,如下所示:
```javascript
export default {
// ...
head() {
return {
script: false
}
}
// ...
}
```
希望这个回答能够帮到您!如果您还有其他问题,请随时问我。
阅读全文