大塚宏  ·  04月28日

詢問src相對路徑設定

詢問src相對路徑設定

最近嘗試自架靜態網站

遇到一個問題

假設網域:homepage.com

圖片路徑:homepage.com/img/001.jpg

文章路徑:homepage.com/page/index.html

如果文章需要存取到圖片的網址，src可以寫成"../img/001.jpg"

但如果文章目錄又往下開一層:homepage.com/page/books/index.html

src就要跟著改動"../../img/001.jpg"

所以想請問有沒有一勞永逸的方法，可以直接存取到根目錄

不用這樣每一層都要更改src

目前有找到一個解法

設定<base href="https://homepage.com/">

可以直接指定根目錄

在電腦上可行，但是在ios手機測試，路徑會失效

所以想問問看有沒有其他辦法，感謝

附上我正在施工中的網址:

https://hirosama.iinaa.net/

1個讚   2留言 117瀏覽
按讚的人：
共有 2 則留言
登入之後發表留言

存取到根目錄很容易呀

用 / 開頭就是了

src="/img/001.jpg"

實務上，所有跟靜態檔案有關的連結，我都是使用 / 作為開頭喔！

試試看吧

2個讚   回覆
按讚的人：

原來這麼簡單，非常感謝解答

0個讚   回覆
回覆 站長阿川......
留言......
大塚宏
此人尚未填寫簡介。
熱門文章
🔥 你不是軟體工程師，你只是個「框架使用者」
🔥 詢問src相對路徑設定
🔥 歡迎串 Part.1 👋👋👋
🔥 「自學網頁の嬰兒教材：JavaScript（二）作業分享」
🔥 被開除的心路歷程
最新出爐作業包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式
熱門搜尋： fetch js 新手 題 . c JS C vs ui jav 1 vue id 開發 java login Github ci git ul GIT Java go for javascript github Css 4 專案 使用 網站 Git 工作 10 javascript 系列 Ai html 技術 前 with % json app JavaScript 2 第一 node AWS react 語言 20 Javascript 前端 Html 作業 作為 ROS ejs HTML 主題 網頁 ` this 測試 部落格 windows nodejs python Can Vue 結構 api user AI 後端 console component css 分享 日期 Node PYTHON fb promise 50 學習 rest prisma 資料庫 查詢 npm 自學網頁の嬰兒教材： title Qt Response 資料結構 React class module
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。