Мое развернутое приложение Vue работает локально, но не на удаленном сервере.

Question

После выполнения npm run build я загрузил index.html и папку dist на свой удаленный сервер, но приложение не работает должным образом: нет стилей вообще, маршруты не работают, а большинство элементов пользовательского интерфейса - нетload.

Как ни странно, точно такая же папка index.html + dist, скопированная в любое место на моем локальном сервере, прекрасно работает либо как протокол file, либо как http.

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

Примечание: я использую vue-cli / webpack-simple

Answer 1

Если ваш провайдер использует веб-сервер Apache, загрузите в тот же каталог, в который вы загрузили приложение SPA, файл .htaccess с таким содержимым:

<ifModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule (.*) index.html [QSA,L]
</ifModule>