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 我的所有項目。 有用的鏈接：

所以回答

下載