在VS2019進行Vue開發實在是太痛苦了,於是轉移陣地到VS code,別的不說,至少排版上舒服很多。

使用Vue cli run成功後,terminal顯示如下

image

在網址列輸入 http://localhost:8080/

結果頁面有出來,但是會自動在這個路徑後面加上 '#'

image

另外一個設定的route path 設定為 /login 的更慘,login元件的頁面一直跑不出來

image

輸入 http://localhost:8080/login 只會跑出原本的helloworld

image

不過如果輸入這個網址  http://localhost:8080/#/login 就可以有我要的login畫面

但當然不希望我的網址一直有這個奇怪的'#',解法如下:

在 router/index.js檔案中,加入 mode:'history' 即可

image

又卡了兩小時,終於搞定,真是可喜可賀。

#每個坑我都必須踩過

 

參考資料:

How to remove hashbang from url? - stackoverflow

HTML5 History Mode | Vue Router

 

 

 

arrow
arrow

    yoruru 發表在 痞客邦 留言(0) 人氣()