Laravel PWA 无法安装在 apache

Question

我创建了一个普通的 laravel 8 项目来测试 pwa 遵循https://infyom.com/blog/how-to-make-a-laravel-application-pwa https://infyom.com/blog/how-to-make- a-laravel-应用程序-pwa 。

它按预期工作当我通过 cmd 和php artisan serve [ http://localhost/127.0.0.1:8000 ]运行它时，在 URL 的右侧显示 Install btn 但是当我尝试在 883528349282754 [8282754] 上运行它时//localhost/projectname ] （我用的是Xampp），安装btn不显示。 当我使用 Chrome Light House 检查它时，它显示以下两条错误消息

---

Web app manifest 或 service worker 不符合可安装性要求 1 个原因

Service Worker 是使您的应用程序能够使用许多渐进式 Web 应用程序功能的技术，例如离线、添加到主屏幕和推送通知。 通过适当的服务工作者和清单实现，浏览器可以主动提示用户将您的应用程序添加到他们的主屏幕，这可以带来更高的参与度。 了解更多。

失败原因未检测到匹配的服务工作者。 您可能需要重新加载页面，或者检查当前页面的 service worker 的 scope 是否包含 scope 并从清单中启动 URL。

&

不注册控制 page 和start_url的 service worker

---

有人可以解释为什么会发生这种情况或者我该如何解决这个问题？
提前谢谢你。

由于它在 php artisan serve 上运行时工作正常，希望看到它也能在 apache 服务器上运行。

Answer 1

当您使用 apache 时，它会将您的项目配置为虚拟主机且没有端口。 为了使用 Service Worker，您需要在您的域上获得 SSL 证书。 此外，如果你想在 Chrome 中工作，你可以启用你的本地主机，通过不安全的来源添加为安全域列表，在我看来，测试 pwa 的最简单方法是使用 ngrok。 当需要在开发环境中测试 pwa 时，我使用 ngrok 我的所有项目。 有用的链接：

所以回答

下载