小程序引入图片报错
報錯:
Failed to load local image resource /pages/portal/C:/Users/85966/Desktop/QQ%E5%9B%BE%E7%89%8720220124134204.png
the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
(env: Windows,mp,1.05.2109131; lib: 2.14.1)
加載本地圖片資源[路徑]圖片失敗,可以看圖片路徑,確實不是我們想要的。這里用的是本地計算機上的圖片路徑名C:/Users/85966/Desktop/QQ%E5%9B%BE%E7%89%8720220124134204.png,但小程序給加上了/pages/portal/,也就是說小程序內部可能不支持本地路徑引用
[渲染層網絡層錯誤] Failed to load local image resource /miniprogram/images/IMG_4262(20210714-182614).JPG
the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
(env: Windows,mp,1.05.2109131; lib: 2.14.1)
報錯的路徑是:/miniprogram/images/IMG_4262(20210714-182614).JPG
其實這的確是我們想要引入的圖片路徑。但是,(基于經驗),正確的路徑名引用應該是:/images/IMG_4262(20210714-182614).JPG
仔細觀察紅框代碼內的區別,想要引用的照片都是同一個,但一個可以顯示出,一個不可以,區別就在于miniprogram
因為小程序開發中,
../../../代表后退一層文件夾
./././ 表示當前文件夾
非路徑名的第一個 /// 表示進入一層
路徑名第一個 /// 表示根目錄
可以猜測(可能有誤),小程序中的根目錄指的不是miniprogram、cloudfunctions層,而是pages、images這層
這也是為什么一般images都放在miniprogram內,而不是同級
總結
- 上一篇: ssh、私钥、密钥理解
- 下一篇: npm学习笔记