作者miky2343 (Jie)
看板Web_Design
標題[請益] 關於static靜態檔案路徑設定
時間Fri Aug 3 22:13:23 2018
各位前輩好,剛開始跨到Vue的世界
關於靜態檔案的路徑設置不太了解遇到了些問題請教一下
網站模式為SPA,開發上用vue-cli,
router設定為history模式
假設router設定如下圖
https://i.imgur.com/TNeSOry.jpg
網頁url呈現
http://xxxxxx/user/profile
在static資料夾裡有第三方套件
在index.html引用第三方css,如下設定
<link rel="stylesheet" href="./static/css/something.css">
從首頁進入在切換到/user/profile頁面則沒有任何問題
但是停留在
http://xxxxxx/user/profile重新整理頁面,something.css就會找不到變成
404了
(history模式server端有協助設定404 rewrite)
something.css解析的路徑會變成
http://xxxxxx/user/static/css/something.css
在網路上有查過相關資料,有提到把路徑設為
<link rel="stylesheet" href="/static/css/something.css">
這樣就會直接到根節點css路徑就會正常
但是客戶在架站上可能會是這樣的設定
- root site
├ website
實際上網頁是在website這層
真實網址為
http://xxxxxx/website/user/profile
如果把路徑設為/static/css/something.css
則css路徑會解析為
http://xxxxxx/static/css/something.css
直接解析到root site根節點去了...
今天花了4 5個小時都找不到解答
請求各位指點,謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.195.4.232
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1533305606.A.8E7.html
1F:→ jherk: 後端伺服器也有自己解析路由匹配的規則 一般都需再去設定 08/04 00:58
2F:→ jherk: 指向指定資料夾 08/04 00:58
3F:→ inxbone: 如果用webpack不是應該用css loader載入嗎? 08/05 02:53
4F:→ miky2343: 不是耶,是放在static資料夾,webpack不會解析 08/06 09:38