在Cloudfront和S3上使用Rails AWS资产

Question

So I setup paperclip to work with S3 to store images on upload. That is working fine.

I then went to add cloudfront for assets (with the code below)

config.action_controller.asset_host = ENV['CLOUDFRONT_ENDPOINT']

and build the assets, it seems to build all correctly and everything, but whenever I go to the page the links are there

<link rel="stylesheet" media="all" href="http://d2j2dcfn0tfw0d.cloudfront.net/assets/application-ef64d41d2d57abb59ffe5bd71a4f727580ef276a6440e70210cf8d0ab22a6dc2.css" />
<script src="http://d2j2dcfn0tfw0d.cloudfront.net/assets/application-8cd15647254a9c6f940c58bcae0567e6ca66943b8a7576ce87ec903bd19f9937.js"></script>

but when I go to that link i get this XML error

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
<Key>
assets/application-ef64d41d2d57abb59ffe5bd71a4f727580ef276a6440e70210cf8d0ab22a6dc2.css
</Key>
<RequestId>374DF77BF548DE75</RequestId>
<HostId>
TqrV7id3elsBjugWNkUObG259mU6Vk8MhxcXjrre1qv+XvxGBERDjWoW50iiCyp4
</HostId>
</Error>

I looked at my s3 box and it's not there either..

All my cloudfront settings were default except my origin which was my s3 box

Answer 1

For cloudfront to fetch your assets from s3 you need to copy the assets to s3. A popular choice for this is the asset_sync gen which will do this as part of deploys.

Another option is to let cloudfront fetch the assets from your server - this requires adding a new origin and behaviour to the cloudfront distribution.