1

Rails 3.1.2、asset_sync、および cludfront を扱っています。asset_sync をインストールし、すべてのアセットをプリコンパイルしました。私が直面している問題は次のとおりです。rake コンパイルは、javascript ファイルと css ファイルをアプリケーション [js|css] に結合します。プロダクション モードでは、アプリケーションはまだ元の名前を参照していますが、新しい cdn パスを使用すると 404 エラーが発生します。

これは本番環境ファイルです:

Griov4::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

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

  # Disable Rails's static asset server (Apache or nginx will already do this)
  config.serve_static_assets = false

  # Compress JavaScripts and CSS
  config.assets.compress = true

  # Don't fallback to assets pipeline if a precompiled asset is missed
  config.assets.compile = true

  # Generate digests for assets URLs
  config.assets.digest = true

  # Defaults to Rails.root.join("public/assets")
  # config.assets.manifest = YOUR_PATH

  # 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

  # See everything in the log (default is :info)
  # config.log_level = :debug

  # Use a different logger for distributed setups
  # config.logger = 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"

  # Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added)
  # config.assets.precompile += %w( search.js )

  # Disable delivery errors, bad email addresses will be ignored
  # config.action_mailer.raise_delivery_errors = false

  # Enable threaded mode
  # config.threadsafe!

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

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

  config.action_controller.asset_host = "#{ENV['CDN']}"

end

これは私の .env ファイルです

FOG_PROVIDER=AWS
FOG_DIRECTORY=
AWS_ACCESS_KEY_ID= 
AWS_SECRET_ACCESS_KEY=
CDN=http://d3tf1w68p27174.cloudfront.net
RACK_ENV=production

js フォルダー内の私のマニフェスト ファイル:

// This is a manifest file that'll be compiled into including all the files listed below.
// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
// be included in the compiled file accessible from http://example.com/assets/application.js
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//


//= require_tree .

css フォルダー内の私のマニフェスト ファイル:

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require bootstrap.min
*/

次に、次のように入力します。$bundle exec rake assets:clean assets:precompile

application.ss と application.js が作成されますが、残念ながら、本番アプリケーションは依然として次のパスで元の css/js ファイルを参照しています。

http://d3tf1w68p27174.cloudfront.net/assets/home-24d72d1643e0016381b14c19d90d9e74.css

http://d3tf1w68p27174.cloudfront.net/assets/home-74ac0007a6e42997f8210f80b99a203b.js

ローカル フォルダーと cdn フォルダーの両方を確認しましたが、それらのファイルは含まれていません。cdn フォルダーの残りのアセットを確認できるため、asset_sync は正しく機能しています。

アセット パイプラインに関連するものである可能性があることはわかっていますが、それが何であるかはわかりません。

ご協力いただきありがとうございます。

4

1 に答える 1

2

すべてのアセットが新しいアセット ホストを参照するようにするには、RailsAssetTagHelperメソッド ( image_tag、stylesheet_link_tag、favicon_link_tagなど) を使用していることを確認してください。

CSS で背景画像の参照を使用している場合は、複数のアセット プリプロセッサのサポートを活用して、それらが新しいアセット ホストも参照するようにすることができます。

たとえば、「home.css」で複数のアセットの前処理を有効にするには、.erb拡張子を「home.css.erb」に変更して追加します。このファイルはまず ERB で処理され、次に CSS で処理されます。つまり、以下の例に示すようにアセットを参照できます。

body {
    background: url(<%= asset_path 'bg.png' %>);
}

「home.css.scss.erb」のようなことを行うことで、これをさらに進めることができます。

詳細については、これとこれを参照してください。

于 2012-06-29T06:53:58.023 に答える