vue2開發中如何去掉地址欄中的#號


在vue項目的開發中,對於新手的我們,進入項目文件夾后,在文件夾

的如圖所示位置:

輸入cmd調出dos命令窗口,然后開始輸入npm run dev命令運行

如圖

(紅色部分為項目存放路徑)按enter鍵開始啟動node服務器

運行成功,然后可以在瀏覽器中輸入localhost:8080(端口號可以自己設置)訪問。

這是我們可以看到地址欄中有個#號,可是在實際訪問地址的經驗中真的沒有見過帶#號的;

那么我們應該如何去掉地址欄中的#號,使我們的url看起來是一個正常的url;很簡單按照如下設置:

let router = VueRouter({

     mode:'history',

     routes:routes

});

對的,你沒有看錯,只是mode: 'history'這個屬性,就可以實現了。是不是很簡單~~~~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM