[請益] 關於static靜態檔案路徑設定

看板Web_Design作者 (Jie)時間6年前 (2018/08/03 22:13), 編輯推噓0(004)
留言4則, 3人參與, 6年前最新討論串1/2 (看更多)
各位前輩好,剛開始跨到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://www.ptt.cc/bbs/Web_Design/M.1533305606.A.8E7.html

08/04 00:58, 6年前 , 1F
後端伺服器也有自己解析路由匹配的規則 一般都需再去設定
08/04 00:58, 1F

08/04 00:58, 6年前 , 2F
指向指定資料夾
08/04 00:58, 2F

08/05 02:53, 6年前 , 3F
如果用webpack不是應該用css loader載入嗎?
08/05 02:53, 3F

08/06 09:38, 6年前 , 4F
不是耶,是放在static資料夾,webpack不會解析
08/06 09:38, 4F
文章代碼(AID): #1RP6C6Zd (Web_Design)
文章代碼(AID): #1RP6C6Zd (Web_Design)