nuxt.js pwa 的启动画面（添加到主屏幕 ios 和 Apk pwa）答案

【问题标题】：Splash screen for nuxt.js pwa (add to home screen ios and Apk pwa)nuxt.js pwa 的启动画面（添加到主屏幕 ios 和 Apk pwa）
【发布时间】：2021-08-04 02:26:39
【问题描述】：

嘿，我正在尝试为我的 nuxt js 项目设置启动画面，我已经尝试了所有类似这样的元标记： ———-

{link rel:"apple-touch-startup- image",media:"screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)",href:"splash/launch-2688x1242.png"}

——-

在我的 nuxt-config.js 中的所有尺寸中但无法正常工作，如果您知道如何为我的 nuxt 项目设置启动画面，请帮助我

【问题讨论】：

不确定您在这里要做什么。你在这里叫什么启动画面？如果您将它作为 PWA (android)，加载可能会非常快。如果您在网络上加载它，那么在获取 SPA 信息时会有一个加载器。在 iOS 上，据我所知，目前还没有 PWA。另外，请阅读以下内容：pwa.nuxtjs.org/icon
嘿！我正在寻找这样的东西blog.iamsuleiman.com/wp-content/uploads/2015/07/…（我猜这就是我们所说的启动画面）

标签： ios vue.js nuxt.js progressive-web-apps splash-screen

【解决方案1】：

为此，您可以自定义加载指示器：https://nuxtjs.org/docs/2.x/features/loading/#the-loading-indicator-property
并使用自定义的，您可以在其中设计 启动画面。

不确定它是 PWA 是否需要额外的工作，但如果需要，这个应该修复它：https://pwa.nuxtjs.org/icon/

【讨论】：