Vue WebPack добавляет # / ко всем URL

Question

Я следую некоторым проектам Vue, использующим vue init webpack test, но похоже, что при запуске npm run dev всегда добавляется #/, добавленный ко всем URL-адресам.

Это также верно для случаев, когдаЯ создаю новый компонент и направляю к нему.Если я сделаю что-то вроде http://localhost:8080/newpath, оно станет http://localhost:8080/newpath#/.

Можно ли установить переменную конфигурации, чтобы #/ не добавлялся к каждому URL?Использование регулярных выражений для удаления его на каждом URL кажется действительно громоздким.

Я не включаю никакого реального исходного кода, потому что это из приложения HelloWorld, которое создает vue init.

Я использую последние версии vue cli 3.

Answer 1

Из документов Режим истории HTML5 :

Режимом по умолчанию для vue-router является режим хэширования - он использует хэш URL-адреса для имитации полного URL-адреса, чтобыстраница не будет перезагружена при изменении URL.

Поэтому вам необходимо изменить маршрутизатор Vue для использования режима истории HTML5:

const router = new VueRouter({
  mode: 'history',
  routes: [...]
});

Пожалуйста, продолжайте читать документыкроме этого, вам необходимо настроить фактическую конфигурацию сервера для поддержки этого режима, чтобы пользователи были отправлены в соответствующее местоположение, если они скопируют и вставят URL-адрес адресной строки в новую вкладку.