yoruru的努力日記

在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