2014-11-08 2 views
1

Я развернул приложение в 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? Я не понимаю.

+0

Попробуйте положить [ведущую косую черту] (http://webmasters.stackexchange.com/questions/56840/what-is-the-purpose-of-leading-slash-in-html-urls) в URL-адресах '< img src = "/ img/ajax ..." ' – laggingreflex

+0

На самом деле сначала было 2 ведущих сальса. Я думал, что это проблема, поэтому я удалил их. Но это не было:/ – Radioreve

+0

Две ведущие косые черты - это короткая форма для «http: //», полностью отличная от единственной ведущей косой черты. – laggingreflex

ответ

0

Вы передали эти два файла на репо?

Сделайте git status и посмотрите, находятся ли они в разделе «Новые файлы».

Если вы перенесли файлы, войдите в дилер Heroku и убедитесь, что они есть.

$ heroku run bash 

Вы также можете попробовать перезагрузить компьютер.

$ heroku restart 
+0

Да, у меня есть. Я регулярно размещаюсь на 3 недели – Radioreve

+0

Это не сработало. Я думаю, я постараюсь переместить и захватить их из CDN или что-то – Radioreve

0

Исправлено.

Для тех, кто может столкнуться с той же проблемой, когда-нибудь: я использовал 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')); 

теперь он работает нормально.

Смежные вопросы