Vue + htaccess

Jozdowska Edyta · 18 Luty 2021

Htaccess dla Vue

Aby działał router vue musimy ustawić odpowiednio .htaccess’a - inaczej po kliknięciu w link aplikacji, który zmienia stan aplikacji zobaczymy 404 error Musimy odpowiednio przepisać przetwarzanie urli przez serwer by wszystkie zmiany kierowały do pliku index.html, choć czasami mi się zdarza z vue stosować plik index.php - ale to już na marginesie. Wspominam ponieważ się da :smile:

.htaccess dla głównej domeny/subdomeny

1
2
3
4
5
6
7
8
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

.htaccess dla katalogu

1
2
3
4
5
6
7
8
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /subdirectoryName
RewriteRule ^subdirectoryName/index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /subdirectoryName/index.html [L]
</IfModule>

Jozdowska Edyta * FullStack Developer

Pisanie kodu jest moją pasją. Zajmuję się tym od przeszło 10 lat, z większą lub mniejszą intensywnością.
Piszę kod w PHP, JS, SCSS i Python. Nie stronię też od poznawania nowych, lub jak kto woli starych rozwiązań jak Jekyll oraz innych języków np. Java.

więcej o mnie