Vue URL изменения на навигацию - PullRequest
Новая
       43

Vue URL изменения на навигацию

0 голосов
/ 25 сентября 2018

Я только начинаю с Vue.Я установил @ Vue / Cli (это версия 3), а также cli-init, чтобы я мог использовать команды версии 2.Для создания моего проекта я использовал vue init webpack.Во время работы приложения в браузере я заметил странное поведение;мои маршруты меняются!

Начальный маршрут"localhost: 8080 /"

Переход к маршруту URL-адрес меняется на "localhost: 8080 / # /"

Также с другим маршрутом"localhost: 8080 / about"

Навигация по этому маршруту URL-адрес изменяется на "localhost: 8080 / about # /"

Я не понимаю, что происходит.Это делает компоненты, хотя, но URL просто меняется.Вот мой конфиг маршрутов: 

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
    },
    {
      path: '/about',
      name: 'AboutComponent',
      component: AboutComponent,
    },
    {
      path: '*',
      name: '404',
      component: HelloWorld,
    },
  ],
});

Нет ссылок на роутер, я прошел, набрав пути.Мой роутер настроен по умолчанию.

1 Ответ

0 голосов
/ 25 сентября 2018

Вы, вероятно, можете ответить на вопрос самостоятельно, прочитав документацию vue-router здесь (https://router.vuejs.org/guide/essentials/history-mode.html)

По умолчанию vue-router работает в режиме hash . Маршруты изменяются в браузере с помощью«хэш» для совместимости со старыми браузерами. В настоящее время вы можете безопасно использовать режим истории, и ваши URL-адреса не будут меняться в окне местоположения браузера.

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

Добро пожаловать в Vue.JS!

...