У меня есть приложение SPA Vue. js с вложенными маршрутами (реализовано с использованием vue -router), которое я размещаю на сервере Apache. Я защитил родительскую папку ... / файлом .htaccess, который требует входа в систему для доступа к домашней странице, что отлично работает. Проблема в том, что если я попытаюсь go напрямую указать URL-адрес, скажем ... / dist / about / partners, я получу 404. Из того, что я прочитал, так как у меня включен режим истории, мне нужна директива для перезаписи таких запросов но я не знаю, что мне нужно написать, чтобы он заработал. Я пробовал все комбинации настройки базового пути и настройки пути publi c и перемещения файла htaccess, но вот что у меня есть на данный момент:
\\ router index.js
base: process.env.BASE_URL
\\ vue.config.js
publicPath: process.env.NODE_ENV === 'production' ? '/~yor000/na-vfsp-was/dev-protected/dist/' : '/'
\\ .htaccess file
ErrorDocument 401 default
#Protect Directory
AuthType Basic
AuthName "Login"
AuthUserFile /home/yor000/.htpasswds
Require valid-user
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>