html, js,css應用檔案路徑規則

2022-07-20 07:18:12 字數 761 閱讀 3076

web前端一般常用檔案 .html .css .js。但是當用css檔案和html引入資源(比如)時,路徑可能不相同。下面總結了幾條。

html或者js引入,按照html的目錄來算

css引入,按照css的目錄來計算。

例如:http://ip/a/b 請求回來的是html檔案,那麼html檔案的目錄就是/a/ 資料夾,如果此html有一段**:

那麼,css檔案的實際引用的路徑為/a/css/aa.css

簡單說就是css檔案的存放位址。這兒是/a/css

接上面的位址,css檔案(/a/css/aa.css)被引用後,它有一段**background:url('img/cc.png').

那麼cc.png的實際引用位址為/a/css/img/cc.png

如果使用前端路由並採用history模式,引入採用相對路徑,則可能出現問題。當路由到達2級目錄位址時比如:http://ip/1/2,此頁面如果採用有相對路徑的引用,就會失敗。所有相對引用位址前都會被加上/1/這個目錄位址。當你在此頁面重新整理時,bug就出來了。

ps: 這兒所說的位址不是打包前的位址,是打包後真實的位址。往後一篇會根據此筆記要點,使用nginx + 乙個埠,部署多個採用前端路由(history模式)單頁應用。

jsp採用絕對路徑應用檔案

一 問題 jsp中究竟採用絕對路徑還是採用相對路徑隨著所採用技術的越來越複雜,這個問題也變得越來越難以解決。採用相對路徑遇到的問題 l 相對路徑固然比較靈活,但如果想複製頁面內的 卻變得比較困難,因為不同的頁面具有不同的相對路徑,複製後必須修改每乙個連線的路徑。l 如果頁面被多於乙個的頁面所包含,那...

ceph應用 檔案系統

cephfs shell 指定遠端檔案目錄 掛載目錄後,萬萬不可,直接刪除目錄 遠端主機掛載 cephfs cephfs 遵循 posix 標準的檔案系統。在 ceph 分布式物件儲存 之上構建。最先進,高用途,高可用,高效能。可以實現,應用程式,以及共享主機目錄等用例。塊儲存服務 物件儲存服務 c...

iOS應用資料夾

如果你要檔案不刪除但是也不備份,可以使用下面 來做標記,不做備份處理 1 bool addskipbackupattributetoitematurl nsurl url210 return success 11 1 import 2 bool addskipbackupattributetoite...