从 Nuxt 删除对任何 GAFAM(此处为 google api)的请求

Posted

技术标签:

【中文标题】从 Nuxt 删除对任何 GAFAM(此处为 google api)的请求【英文标题】:Remove requests to any GAFAM (google api here) from Nuxt 【发布时间】:2022-01-21 11:48:50 【问题描述】:

是否有任何简单的方法可以删除 Nuxt.Js 中对谷歌字体 api“fonts.gstatic.com”的任何查询?我宁愿自己提供字体文件。 到目前为止,我试图从.nuxt/components/index.js 中删除对 fonts.gstatic.com 的任何提及,但似乎命令build 重置了我的修改,所以没有任何改变。

我的配置很简单,我用@nuxt/content-theme-docs初始化了一个应用。

【问题讨论】:

我还没有添加任何东西,除了 nuxt.config.js 中的 i18n 配置,以添加法语。这是Gitlab link。 如果是文档仓库,为什么需要在本地加载?无论如何,性能不应该是一个真正的问题。 回购对我来说仍然是空的。否则我已经更新了我的答案。 我猜是的,我打算按照你的建议分叉包,只使用本地保存的字体文件。 【参考方案1】:

由于关注点更多地针对 GAFAM(避免使用 Google 字体),解决方案是为 Nuxt 团队分叉包并剥离相关模块。

在这里可以找到它:https://github.com/nuxt/content/search?q=fonts

Nuxt 的这个模块旨在实现如此快速、无痛且易于设置的文档。因此,可能是 Nuxt 的团队使用这样的包的原因(因为到今天它仍然是使用 Google 字体的 goto)。


如果你想在构建时使用模块,你可以按照这个答案:https://***.com/a/68166329/8816585

否则,您可以使用该网站在本地保存您的字体(将它们链接到您的 CSS 文件,您应该没问题):https://google-webfonts-helper.herokuapp.com/fonts

【讨论】:

以上是关于从 Nuxt 删除对任何 GAFAM(此处为 google api)的请求的主要内容,如果未能解决你的问题,请参考以下文章

@Nuxt/Apollo 如何从 gql 查询中删除“__typeName”

带有 Axios 的 Nuxt 在页面加载时不会从 API 获取数据

改进 Nuxt TTFB

Nuxt Auth 如何从数据库中删除刷新令牌?

linux下LNMP_GO_Node_Vue_Nuxt

无法在 Cloud9 打开 Nuxt.js 入门模板