Heroku non serve immagine di sfondo, localhost fa?

Ho un problema con la mia applicazione di rotaie (Rails 4.0.0.rc2, ruby 2.0.0p195).Heroku non serve immagine di sfondo, localhost fa?

Il comportamento è strano: My localhost mostra correttamente l'immagine di sfondo, Heroku no.

Nei registri Heroku posso vedere il seguente errore:

ActionController::RoutingError (No route matches [GET] "/assets/piano.jpg"):

ho creato l'immagine di sfondo inserendo il seguente codice nel mio custom.css.scss:

E io sto attivando questo con il seguente codice, che ho sulla mia pagina statica:

<body class="full"> 
.... 
</body>

Ho già la gemma in esecuzione in produzione:

group :production do 
    gem 'pg' 
    gem 'rails_12factor' 
end

In production.rb ho impostato la seguente impostazione a true:

config.serve_static_assets = true

Tuttavia, l'immagine non viene mostrato. Mi puoi aiutare?

fonte

2013-10-05 Alex

http://stackoverflow.com/questions/15257555/how-to-reference-images-in-css-within-rails-4 Si può fare riferimento a questo domanda. –

Sì. Tuttavia, il problema non è basato sul riferimento che ho scelto! Ha a che fare con la precompilazione delle risorse. – Alex

ho trovato la soluzione per il problema di me stesso:

RAILS_ENV=production bundle exec rake assets:precompile

Dopo l'esecuzione di questo comando in mia console, il quadro era mostrato correttamente.

precedenza avevo solo cercato di eseguire:

rake assets:precompile

Che da solo non ha aiutato. Devi indirizzare l'ambiente di produzione nel tuo comando.

Spero che questo serva da riferimento per altri utenti.

fonte

2013-10-05 21:16:46 Alex

assicuratevi di impostare questi nel file production.rb

config.cache_classes = true 
config.serve_static_assets = true 
config.assets.compile = true 
config.assets.digest = true

fonte

2013-10-05 17:59:03 Brock90

Questo era il mio problema. Dopo aver quasi sbattuto la testa nell'ultima settimana, vorrei ringraziare! – IIllIIll

Bello, questa soluzione ha funzionato per me. Grazie – Cas

Puoi spiegare perché ha funzionato questa soluzione? @ Brock90 – Recomer

With the background property and SASS:

background: image-url("my_image.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

fonte

2014-11-27 17:24:06 Numbers

Avevo bisogno di una combinazione delle altre risposte a lavorare per me.

Avevo bisogno di usare le impostazioni di configurazione di produzione di @ Brock90 e di precompilare le risorse come menzionato da Alex.

fonte

2015-01-20 02:56:50 Anand

-2

non avete la vostra foto in sotto-directory all'interno della directory images/

Se qualcuno continua ad avere problemi con questo. Stavo cercando ovunque una soluzione e ho pensato di provare tutto. Per il mio caso ho avuto esempi come

background-image: url("containers/filled/Firkin-Keg-5-Gallons_filled.png");

Quindi ho avuto le cartelle all'interno delle immagini. Questo ha funzionato bene per localhost, ma non avrebbe funzionato su heroku.

background-image: url("Firkin-Keg-5-Gallons_filled.png");

non più sottodirectory.

EDIT Questo è sbagliato. Fare riferimento ai commenti qui sotto per un uso appropriato

fonte

2017-06-10 21:22:29 Daniel

Questo è assolutamente sbagliato. Le sottocartelle funzionano perfettamente. Devi comunque usarlo correttamente: 'background-image: url (image_path (" containers/filled/Firkin-Keg-5-Gallons_filled.png "))' e assicurati che il tuo foglio di stile abbia la desinenza '.scss' – Iceman

Usa il costruito in asset pipeline SCSS helper per collegarsi alle risorse compilate dalla pipeline. Ci sono un mucchio ma ognuno collega al percorso '/ app/assets' corrispondente:' image-url', 'font-url' –

Heroku non serve immagine di sfondo, localhost fa?

risposta

Problemi correlati