Удалить авто # / добавлено к URL

Question

Я новичок в Vue JS.Я создал проект, используя vue cli 3.

Сгенерированные URL содержат # / в конце, пример http://localhost:8080/vuejs#/ Я хочу избавиться от конечного # /, я пробовал mode: "history" вФайл router.js, а также добавленный файл .htaccess в корневой каталог со следующим кодом:

<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 1

Заменить

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

на

FallbackResource /index.html

https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations