1、vue-router 兩種模式

（1）mode：hash，hash模式背後的原理是onhashchange事件,可以在window對象上監聽這個事件。vue默認為hash模式

window.onhashchange = function(event){
 
    console.log(event.oldURL, event.newURL);
    let hash = location.hash.slice(1);
    document.body.style.color = hash;
｝

（2）mode：history

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

不怕前進，不怕後退，就怕刷新F5，如果後端沒有準備的話，刷新是實實在在地去請求服務器的。

在hash模式下，前端路由修改的是#中的信息，而瀏覽器請求時是不帶它玩的，所以沒有問題，但是在history下，你可以自由的修改path，當刷新時，如果服務器中沒有相應的響應或者資源，會刷出一個404來。

vue-router 註意事項