Добавление перенаправления HTTPS для Progressive Web App с режимом истории HTML 5

Question

У меня есть прогрессивное веб-приложение, созданное с использованием Vue CLI 3, которое в настоящее время использует режим истории HTML 5. Я следовал документации , чтобы добавить необходимую конфигурацию в .htaccess , однако этот пример не охватывает перенаправление на HTTPS. Это то, что у меня есть:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

Я следовал другим ответам переполнения стека о том, как перенаправить все запросы к HTTPS через .htaccess, но это приводит к бесконечному перенаправлению l oop. Поэтому мне нужно перенаправить не HTTPS-запросы в HTTPS, сохраняя при этом индекс. html redirect.

Answer 1

После дополнительных исследований я смог исправить свою проблему, добавив файл .htaccess с определенной конфигурацией HTTPS c. Итак, теперь мой файл выглядит так:

<IfModule mod_rewrite.c>
  RewriteEngine On

  RewriteCond %{HTTP:X-Forwarded-Proto} !=https
  RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L,N]

  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>