在 Rails 4+ 应用程序中,我已将应用程序部署到 heroku,但静态图像未在生产中加载,而是在开发中工作

In Rails 4+ app, I have deployed App to heroku but static Images are not loading in production but working in development

我已经尝试了过去两天的所有答案,但没有任何效果。问题是我的静态图像没有在生产中加载,但在开发中工作正常。我什至 bundle exec rake assets:precompile RAILS_ENV=production。这有效并预编译了我的资产。我在 Public/Assets 文件夹中看到静态图像。

宝石文件

source 'http://rubygems.org'
gem 'rails', '4.2.4'
group :development do
    gem 'sqlite3'
end
group :production do
    gem 'pg'
end
gem 'searchkick'
gem 'cocoon'
gem 'bootstrap-sass', '~> 3.3.6'
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'coffee-script-source', '1.8.0'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc
gem 'tinymce-rails', '~> 4.3', '>= 4.3.8'
gem 'haml'
gem 'simple_form'
gem 'paperclip', '~> 4.3.6'
gem 'omniauth-facebook'
gem "omniauth-google-oauth2", "~> 0.2.1"
gem 'acts_as_votable'
gem 'aws-sdk', '~> 1.66.0'
gem 'foreman'
gem 'puma'
gem 'omniauth'
gem 'jquery-turbolinks', '~> 2.1'
gem 'rack-mini-profiler', '~> 0.10.1'
gem 'execjs', '~> 2.7'
group :development, :test do
  gem 'byebug'
end
group :development do
  gem 'web-console', '~> 2.0'
end
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

production.rb

Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # Code is not reloaded between requests.
  config.cache_classes = true

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both threaded web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local       = true
  config.action_controller.perform_caching = true

  # Enable Rack::Cache to put a simple HTTP cache in front of your application
  # Add `rack-cache` to your Gemfile before enabling this.
  # For large-scale production use, consider using a caching reverse proxy like
  # NGINX, varnish or squid.
  # config.action_dispatch.rack_cache = true

  # Disable serving static files from the `/public` folder by default since
  # Apache or NGINX already handles this.
  config.serve_static_files = ENV['RAILS_SERVE_STATIC_FILES'].present?

  # Compress JavaScripts and CSS.
  config.assets.js_compressor = :uglifier
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Asset digests allow you to set far-future HTTP expiration dates on all assets,
  # yet still be able to expire them through the digest params.
  config.assets.digest = true

  # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # Use the lowest log level to ensure availability of diagnostic information
  # when problems arise.
  config.log_level = :debug

  # Prepend all log lines with the following tags.
  # config.log_tags = [ :subdomain, :uuid ]

  # Use a different logger for distributed setups.
  # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = 'http://assets.example.com'

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  # config.action_mailer.raise_delivery_errors = false

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false
  config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)

end

我发现的一件更有趣的事情是,即使我的静态图像在 public/assets 中,图像标签有 src link 像 images/abc.jpg,不指向 public 资产图片

代码

<%= link_to root_path,class:"navbar-brand" do %>
    <h1><%= image_tag("logo",alt:"Bitnotes") %></h1>
 <% end %>

您可以尝试将此 gem 'rails_12factor', group: :production 添加到您的 Gemfile 并再次部署到 Heroku。而且您不需要在 production.rb 文件中设置 config.serve_static_files

经过 4 天的尝试,这里是上述问题的解决方案

gem 'tinymce-rails', '~> 4.3', '>= 4.3.8' 

gem 不允许资产预编译。所以我去掉了上面的gem,去掉了

//= require tinymce
//= require tinymce-jquery

来自 application.js

然后在 production.rb 中进行了此 config.assets.compile = true 更改。

最终预编译资产

bundle exec rake assets:precompile RAILS_ENV=production

提交所有更改并使用

推送到 heroku

git push heroku master