在VS2019進行Vue開發實在是太痛苦了,於是轉移陣地到VS code,別的不說,至少排版上舒服很多。
使用Vue cli run成功後,terminal顯示如下
在網址列輸入 http://localhost:8080/
結果頁面有出來,但是會自動在這個路徑後面加上 '#'
另外一個設定的route path 設定為 /login 的更慘,login元件的頁面一直跑不出來
輸入 http://localhost:8080/login 只會跑出原本的helloworld
不過如果輸入這個網址 http://localhost:8080/#/login 就可以有我要的login畫面
但當然不希望我的網址一直有這個奇怪的'#',解法如下:
在 router/index.js檔案中,加入 mode:'history' 即可
又卡了兩小時,終於搞定,真是可喜可賀。
#每個坑我都必須踩過
參考資料:
How to remove hashbang from url? - stackoverflow
HTML5 History Mode | Vue Router
文章標籤
全站熱搜