這裏要講vue-router的路由模式,首先要了解的一點就是路由是由多個URL組成的,使用不一樣的URL能夠相應的導航到不一樣的位置。若是有進行過服務器開發或者對http協議有所瞭解就會知道,瀏覽器中對頁面的訪問是無狀態的,因此咱們在切換不一樣的頁面時都會從新進行請求。而實際使用vue和vue-router開發就會明白,在切換頁面時是沒有從新進行請求的,使用起來就好像頁面是有狀態的,這是什麼緣由呢。這實際上是藉助了瀏覽器的History API來實現的,這樣能夠使得頁面跳轉而不刷新,頁面的狀態就被維持在瀏覽器中了。javascript
Hash: 使用URL的hash值來做爲路由。支持全部瀏覽器。 html
History: 以來HTML5 History API 和服務器配置。參考官網中HTML5 History模式 vue
Abstract:支持全部javascript運行模式。若是發現沒有瀏覽器的API,路由會自動強制進入這個模式。java
vue-router默認使用的是hash模式,這就會出現以下URL:vue-router
只須要將router文件下的index.js(建立方式不一樣,也多是router.js)中的以下代碼位置修改成history模式便可。瀏覽器