Heroku無法找到這個特定的圖像路徑。爲什麼？

我已經在heroku上部署了一個應用程序。Heroku無法找到這個特定的圖像路徑。爲什麼？

一切工作正常，在當地。但是，在部署heroku的時候找不到兩個img。 的index.html包含正是這一點，在不同的地方：

FOUND  <img src="img/bamboo-black.png" height="27"> <div class="loaderWrap"> 
NOT FOUND <img class="loader" src="img/ajax-loader-black.gif"></div> 
NOT FOUND <img src="img/person-placeholder.jpg" class="mainPicture" width="150">

爲什麼會在本地工作，不能在Heroku？我不明白。

來源

2014-11-08 Radioreve

嘗試在URL中添加[leading slash]（http://webmasters.stackexchange.com/questions/56840/what-is-the-purpose-of-leading-slash-in-html-urls-urls） img src =「/ img/ajax ...」＃ – laggingreflex 2014-11-09 03:46:40

其實最初，有2個領先的salsh。我認爲那是問題，所以我刪除了它們。但它不是：/ – Radioreve 2014-11-09 11:50:20

兩個主要斜線是「http：//」的簡寫形式，與單個主斜槓完全不同。 – laggingreflex 2014-11-09 21:06:41

您是否將這兩個文件提交到回購站？

執行git status並查看它們是否在「新文件」部分。

如果您已經提交了這些文件，請登錄到Heroku dyno並確認它們在那裏。

$ heroku run bash

您也可以嘗試重新啓動。

$ heroku restart

來源

2014-11-08 17:46:59 Daniel

是的，我有。我已經定期部署3周現在 – Radioreve 2014-11-08 17:49:51

它沒有工作。我想我會嘗試移動並從CDN中抓取它們 – Radioreve 2014-11-08 18:29:33

修正了它。

對於那些誰可能有一天遇到同樣的問題：我使用的CDN（cloudinary）

我代替：

<div class="loaderWrap"> <img class="loader" src="img/ajax-loader-black.gif"></div>

通過這樣的：

var $loader = $.cloudinary.image(LJ.cloudinary.loader_id, LJ.cloudinary.displayParamsLoader); 
      $loader.appendTo($('.loaderWrap'));

現在工作得很好。

來源

2014-11-11 12:32:02 Radioreve

Heroku無法找到這個特定的圖像路徑。爲什麼？

回答

相關問題