如何禁止将 .json/.webmanifest url 转换为 base64 字符串?
How can I disable conversion of .json/.webmanifest url into base64 string?
我有一个问题困扰了我一段时间。我在 VSCode 中有一个 vite-react-typescript 项目,在 index.html 页面中有一个 link 到 webmanifest。这基本上是一个具有不同扩展名的 json 文件。
当我构建我的应用程序时,index.html 输出文件包含元标记,但是它没有引用 .webmanifest 文件的路径,而是转换了整个文件转换为base64。因此,某些浏览器无法找到 .manifest 文件,因此无法将网站安装为 PWA。
我想 problem/possible 解决方案在于 vite 的 compiler/build 选项,但是我不知道如何解决这个自动转换。
这是 github 存储库:https://github.com/PluginDev-A/Website
编译后的index.html文件在dist目录,原来的index.html 文件位于 主目录 中。问题出在两个文件的第 6 行
**无论文件扩展名是 .json 还是 .webmanifest,这两个 url 在构建时都会被转换
该文件可能应该放在 public
directory 中,因为它是:
- 从未在源代码中引用(例如 robots.txt)
- 必须保留完全相同的文件名(没有散列)
并且应该从 index.html
以绝对路径引用
<link rel="manifest" href="/manifest.webmanifest">
我有一个问题困扰了我一段时间。我在 VSCode 中有一个 vite-react-typescript 项目,在 index.html 页面中有一个 link 到 webmanifest。这基本上是一个具有不同扩展名的 json 文件。
当我构建我的应用程序时,index.html 输出文件包含元标记,但是它没有引用 .webmanifest 文件的路径,而是转换了整个文件转换为base64。因此,某些浏览器无法找到 .manifest 文件,因此无法将网站安装为 PWA。
我想 problem/possible 解决方案在于 vite 的 compiler/build 选项,但是我不知道如何解决这个自动转换。
这是 github 存储库:https://github.com/PluginDev-A/Website 编译后的index.html文件在dist目录,原来的index.html 文件位于 主目录 中。问题出在两个文件的第 6 行
**无论文件扩展名是 .json 还是 .webmanifest,这两个 url 在构建时都会被转换
该文件可能应该放在 public
directory 中,因为它是:
- 从未在源代码中引用(例如 robots.txt)
- 必须保留完全相同的文件名(没有散列)
并且应该从 index.html
以绝对路径引用
<link rel="manifest" href="/manifest.webmanifest">