Обслуживать PWA в локальной сети, не показывая и не отключая предупреждение о незащищенном соединении?

Question

Цель

обслуживать сборку PWA (прогрессивное веб-приложение) с использованием Vuetify (VueJS) в локальной сети без отображения или отключения unsafe network предупреждение

Настройка

• PWA построен (dist) и готов к развертыванию
• Устройство обслуживает общую сеть Wi-Fi (10.42.0.1 без интернета), к которой подключен планшет

Выполненные шаги:

• http-server dist обслуживать PWA на устройстве через порт 8080
• , открыть Chrome на планшете и перейти к 10.42.0.1:8080

Результат

• приложение работает, но я получаю предупреждающее сообщение Your connection to this site is not secure, которое имеет смысл, так как соединение HTTP

Желаемый результат

приложение работает без предупреждения о unsecured connection

Почему?

, когда PWA добавляется на домашний экран и запускается как PWA, это предупреждение превращается в полноеблок, занимающий весь экран и занимающий место на экране приложения.

Что я пробовал

1. отключить предупреждение в Chrome
   • перейти к chrome://flags
   • отключить Mark non-secure origins as non-secure
   • результат: оно все еще показывает предупреждение как в Chrome, так и в виде PWA
2. добавить локальный сертификат на локальный сервер, используя mkcert
   • mkcert -install
   • mkcert localhost 10.42.0.1
   • http-server -S -C localhost.pem -K localhost-key.pem dist
   • доступ к PWA на сервере и наблюдение за безопасным соединением
   • результат: доступ к PWA с планшета, подключенного к серверу, с предупреждением unsecured connection