Hi,
I'm using a WordPress plugin that automatically host any sent image to a S3 bucket. This plugin also supports CloudFront by specifying a domain name.
I now wanted to add CloudFront for both those images and resources on my server like JS or CSS files.
I first added it to W3 Total Cache and it worked like a charm. It created the distribution with an origin from my server (www.michaelgallego.fr), and all JS/CSS files were properly served by CloudFront. Of course, as the images were served by S3 W3 Total Cache couldn't make anything.
To make it works, I added a new origin to the CloudFront distribution: my S3 bucket. I also created a new behavior on CloudFront to map "/uploads/*.png" to the S3 origin instead of my server.
The problem is that if I access to a CloudFront image like this: http://d1pfsdn7l5d4rr.cloudfront.net/blog/wp-content/uploads/2013/05/elastic-beanstalk-tags-1.png
It goes back to my server instead of going to S3, like if the origin set by W3 Total Cache took precedence over the one for S3.
How should I make this work when a distribution have multiple origins ? Did I miss something ?
Thanks a lot :).