vue.js geschiedenis vs hash-modus op een subpad

Door Maximilian Batz | 2020-02-24

In het geval dat je je vue Router niet op de root pagina monteert, maar op een "subpath", is er een belangrijk verschil in het gedrag van Vue Router in history en hash mode.

Geschiedenis

Als u, bijvoorbeeld, gebruik wilt maken van https://picockpit.local/debug/ om de Vue Router verder te laten leven, in geschiedenismodus:

De volgende routes

{pad: '/', component: DebugOne},

{pad: '/twee', component: DebugTwo},

{ path: '*', component: FourOhFour}

zal niet werken zoals verwacht! (Uw 404-pagina met de catch all zal worden weergegeven).

U zult ze moeten wijzigen om omvat het subpad (debug):

{pad: '/debug/', component: DebugOne},

{pad: '/debug/twee', component: DebugTwo},

{ path: '*', component: FourOhFour}

In dit geval zult u toegang hebben tot de volgende URL's:

Hash mode

In hash-modus is het precies andersom. Je zult de routes als volgt moeten gebruiken:

{pad: '/', component: DebugOne},

{pad: '/twee', component: DebugTwo},

{ path: '*', component: FourOhFour}

In dit geval zult u toegang hebben tot de volgende URL's:

Geplaatst in Vue.js en getagd , , , , ,