Какие настройки на сервере нужны для SPA?

Question

[danilr]

У меня есть SPA приложение на Vue, использую mode: 'history' во VueRouter. Локально всё хорошо переходит по "другим станицам". Залил его на хостинг, там выдаёт 404 ошибку при переходе на любой другой роут(/about)

Как сделать, чтобы хостинг всегда выдавал мне мою единственную страницу при переходе на другие роуты?

Answer 1

[danilr]

Тут написана документация по VueRouter как раз по моему вопросу
https://router.vuejs.org/guide/essentials/history-...

В .htaccess добавить для редиректа на index.html

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

Answer 2

[Samuello]

Если используете Laravel, можно перенаправить все запросы через роуты:

Route::get('{any}', function() {
  return view('spa');
})->where('any', '.*');

При этом можно регистрировать другие роуты уровнем выше:

Route::get('/api/v1/products', function() {
  return 'some api handler...';
});

Route::get('{any}', function() {
  return view('spa');
})->where('any', '.*');