Vue CLI - как избавиться хэша (/#/) в url

Question

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

При этом URL имеет такой вид: http://localhost:8080**/#/**

Можно ли настроить чтобы приложение имело нормальный адрес, вида: http://localhost:8080

--

В документации к VueCLI говорится что можно убрать хэш с помощью настроек веб-сервера, но что делать если я захочу залить приложение к примеру на "GitHub Pages".

Answer 1

В Vue-Router поставить mode: 'history', хэша не будет.

Документация

Answer 2

Пофиксил следующим образом:

import { createRouter, createWebHashHistory } from 'vue-router'

заменил на

import { createRouter, createWebHistory } from 'vue-router'

--

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

заменил на

const router = createRouter({
  history: createWebHistory(),
  routes
})

БЛОГ НА HUSL

Vue CLI - как избавиться хэша (/#/) в url

Ответы (2 шт):