GH頁面看不到我的圖像的路徑

Question

GET http://kbazl3.github.io/style/icons/wind.png 404 (Not Found)
night.png:1 
GET http://kbazl3.github.io/style/icons/night.png 404 (Not Found)
/style/icons/cloudy.png:1 
GET http://kbazl3.github.io/style/icons/cloudy.png 404 (Not Found)
rain.png:1 
GET http://kbazl3.github.io/style/icons/rain.png 404 (Not Found)
alert.png:1 
GET http://kbazl3.github.io/style/icons/alert.png 404 (Not Found)

我在這里找到的gh頁上遇到了這些錯誤： http : //kbazl3.github.io/RainCheck/#/在我的本地實時服務器上運行正常

這是我的源代碼的鏈接： https : //github.com/kbazl3/RainCheck/tree/gh-pages

我查找了許多其他的SO問題，其他人也遇到相同的問題，並且總是歸結為區分大小寫。 我用4倍和5倍從文件路徑檢查了我的大小寫敏感性，並且它們都是相同的。 我找不到任何差異。 任何幫助將不勝感激。 我的文件路徑在weatherService中找到：

//SET CURRENT WEATHER ICONS AND ROUTES
            if (cityObj.icon === "clear-day") {
                cityObj.icon = "clear";
                cityObj.img = "/style/icons/clear.png";
            } else if (cityObj.icon === "partly-cloudy-day") {
                cityObj.icon = "clear";
                cityObj.img = "/style/icons/cloudy.png";
            } else if (cityObj.icon === "rain" || cityObj.icon === "sleet" || cityObj.icon === "hail" || cityObj.icon === "thunderstorm" || cityObj.icon === "tornado") {
                cityObj.icon = "rainy";
                cityObj.img = "/style/icons/rain.png";
            } else if (cityObj.icon === "cloudy") {
                cityObj.icon = "cloudy";
                cityObj.img = "/style/icons/cloudy.png";
            } else if (cityObj.icon === "snow") {
                cityObj.icon = "snowy";
                cityObj.img = "/style/icons/snow.png";
            } else if (cityObj.icon === "clear-night" || cityObj.icon ===   "partly-cloudy-night") {
                cityObj.icon = "clearNight";
                cityObj.img = "/style/icons/night.png";
            } else if (cityObj.icon === "wind") {
                cityObj.icon = "windy";
                cityObj.img = "/style/icons/wind.png";
            } else if (cityObj.icon === "fog") {
                cityObj.icon = "cloudy";
                cityObj.img = "/style/icons/fog.png";
            } 

Answer 1

看起來您在路徑中需要RainCheck ，如下所示： http://kbazl3.github.io/RainCheck/style/icons/wind.png : RainCheck 。

由於您的主頁是http://kbazl3.github.io/RainCheck ，因此也可以使用相對路徑： style/icons/wind.png 。