vue.js storia vs modalità hash su un sottopasso

Di Maximilian Batz | 2020-02-24

Nel caso in cui state montando il vostro vue Router non sulla pagina principale, ma su una "sottopista", c'è un'importante differenza nel comportamento di Vue Router in modalità storia e hash.

Modalità storia

Se volete, per esempio, usare https://picockpit.local/debug/ per far vivere il Vue Router, in modalità storia:

I seguenti percorsi

{ percorso: '/', componente: DebugOne},

{ percorso: '/two', componente: DebugTwo},

{ percorso: '*', componente: FourOhFour}

non funzionerà come previsto! (La tua pagina 404 che utilizza il catch all verrà visualizzata).

Dovrete modificarli per includere il percorso secondario (debug):

{ percorso: '/debug/', componente: DebugOne},

{ percorso: '/debug/two', componente: DebugTwo},

{ percorso: '*', componente: FourOhFour}

In questo caso potrete accedere ai seguenti URL:

Modalità hash

In modalità hash è esattamente il contrario. Dovrete usare i percorsi come segue:

{ percorso: '/', componente: DebugOne},

{ percorso: '/two', componente: DebugTwo},

{ percorso: '*', componente: FourOhFour}

In questo caso potrete accedere ai seguenti URL:

Pubblicato in Vue.js con tag , , , , ,