Vue在重新整理後引用的樣式無效

引

在寫自己部落格的時候，在文章頁面需要用到頁面樣式的引入渲染，使用了 showdown 和 highlight.js 當第一次開啟頁面的時候樣式一切正常，如果重新整理頁面所有引用的樣式會被取消，再跳轉其他頁面，樣式同樣失效。

但是隻是在其他頁面，引用的 font-awasome 的樣式卻沒問題，問題可能出在單純的js引用後導致全部檔案的失效。

專案使用的vue-router 是 history 模式下的，只是為了url裡沒有#更好看點，這也就出現了這個問題

其實問題的原因就是 history 模式下會導致根目錄的不固定，無法通過相對位置成功引用對應檔案。

vue-router官方文件

解決

把所有的引用檔案都轉為絕對地址

<link rel="stylesheet" href="./static/css/scroll.css">
↓
<link rel="stylesheet" href="/static/css/scroll.css">

問題解決！！！