在vue項目的開發中,對於新手的我們,進入項目文件夾后,在文件夾
的如圖所示位置:
輸入cmd調出dos命令窗口,然后開始輸入npm run dev命令運行
如圖
(紅色部分為項目存放路徑)按enter鍵開始啟動node服務器
運行成功,然后可以在瀏覽器中輸入localhost:8080(端口號可以自己設置)訪問。
這是我們可以看到地址欄中有個#號,可是在實際訪問地址的經驗中真的沒有見過帶#號的;
那么我們應該如何去掉地址欄中的#號,使我們的url看起來是一個正常的url;很簡單按照如下設置:
let router = VueRouter({
mode:'history',
routes:routes
});
對的,你沒有看錯,只是mode: 'history'這個屬性,就可以實現了。是不是很簡單~~~~~~