Я использую Heroku - Yeoman - AngularJS Full-Stack - Bootstrap - NodeJS Stack.
Развертывание на Heroku выполняется с помощью команды «Grunt build». При развертывании в Heroku у меня возникают проблемы с отображением изображений CSS на веб-страницах. Отображаются любые изображения на странице, но не из файлов CSS.
Например: приведенный ниже код не работает
CSS
.aboutpage-header
{
height: 250px;
background: url('../images/slider-map.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
padding-top: 50px;
}
HTML:
<header class="aboutpage-header">
<div class="container text-center">
<div class="row">
<div class="col-lg-12">
<h2 class="title">About Us</h2>
<h2 class="intro"><i class="fa fa-location-arrow"></i>Company<span class="highlight">IT</span>
are experts in bespoke software development and tailored consulting</h2>
</div>
</div>
</div>
</header>
локально он отлично работает при запуске Grunt serve
, но как только он развернут на Heroku, изображения CSS отсутствуют.