URL-Format: Standard oder HashBang

Übersicht



Mit dem package vue-router.js können Standarurl erzeugt werden, dann vielleicht so aussehen:

http://localhost/meineapp/componente

Manchmal ist aber die klassische One-Page-Syntax notwendig:

http://localhost/meineapp/#/componente

Dann muss in der Router-Konfiguration der history-Eintrag deaktiveriert werden.

const router = new VueRouter({
  base: __dirname,
  // the next line prevents the hashbang syntax in URLs
  // mode: 'history',
  routes: [
    { path: '/', name: 'home', component: home },
    { path: '/start', name: 'start', component: home },
    { path: '/new', name: 'new', component: newcourse },
    { path: '/old', name: 'old', component: oldcourse },
    { path: '/privacy', name: 'privacy', component: privacy },
    { path: '/about', name: 'about', component: about },
    { path: '/help', name: 'help', component: help },
    { path: '/*', redirect: '/' }
  ]
})