網站圖片路徑大崩潰？一次搞懂網站部署時的圖片路徑問題
問題情境專案部署到 IIS 的虛擬目錄，URL 結構如下： 本機：http://localhost:56961/Project/ 正式環境：https://www.project.com.tw/Project/ HTML 裡的圖片路徑寫 ./Content/images/image.png，本機跑得好好的，上正式就全破圖。 實際原因：./ 是相對路徑，參考點是「解析該路徑的檔案位置」，不是 HTML 頁面。若圖片路徑寫在外部 .css 檔（例如放在 /Project/styles/main.css），瀏覽器會以 CSS 檔的目錄為基準，把 ./Content/images/image.png 解析成 /Project/styles/Content/images/image.png，而非你預期的 /Project/Content/images/image.png。 換部署位置（從本機 localhost 換到子目錄或反向代理後方）時，CSS 檔的實際 URL 路徑可能跟著變，就會踩到這個問題。 三種解法方案一：硬寫絕對路徑1background: url("/Proj...
