Come rimuovere hashbang dall'URL?

Question

Come rimuovere hashbang #! dall'URL?

ho trovato opzione per disabilitare hashbang in vue documentazione del router (http://vuejs.github.io/vue-router/en/options.html), ma questa opzione rimuove #! e appena messo #

C'è un modo per avere URL pulito?

Esempio:

NON

: #!/home

MA: /home

Answer 1

Faresti in realtà vogliono solo impostare mode a 'history'.

const router = new VueRouter({ 
    mode: 'history' 
}) 

Assicurarsi che il server sia configurato per gestire questi collegamenti, però. https://router.vuejs.org/en/essentials/history-mode.html

o Se si utilizza Router allora si può usare come

const router = new Router({ 
    mode: 'history', 
    routes: [ 
    { path: '*', component: NotFoundComponent } 
    ] 
}) 

Per Vue 1 uso questo, invece:

const router = new VueRouter({ 
history: 'true' 
}) 

Answer 2

window.router = new VueRouter({ 
    hashbang: false, 
    //abstract: true, 
    history: true, 
    mode: 'html5', 
    linkActiveClass: 'active', 
    transitionOnLoad: true, 
    root: '/' 
}); 

e server sia configurato correttamente In apache dovresti scrivere l'url riscrivi

<IfModule mod_rewrite.c> 
    RewriteEngine On 
    RewriteBase/
    RewriteRule ^index\.html$ - [L] 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule . /index.html [L] 
</IfModule> 

Answer 3

Per vue.js 2 utilizzare il seguente:

const router = new VueRouter({ 
mode: 'history' 
}) 

Answer 4

Hash è un'impostazione Vue-router di default, è impostato perché con hash, l'applicazione non ha bisogno di connettersi al server per servire l'url. Per cambiarlo devi configurare il tuo server e impostare la modalità in modalità API cronologia HTML5.

Per la configurazione del server questo è il link per aiutarvi a configurare Apache, Nginx e Node.js server:

https://router.vuejs.org/en/essentials/history-mode.html

Poi si dovrebbe fare in modo, che la modalità router vue è impostato come segue:

versione vue-router 2.x

const router = new VueRouter({ 
    mode: 'history', 
    routes: [...] 
}) 

Per essere chiari, questi sono tutti i modi vue-router si può scegliere: "hash" | "storia" | "Astratto"

Answer 5

È necessario configurare il percorso come questo JS vue 2

const router = new VueRouter({ 
    mode: 'history' 
})