Table of Contents
Once you have configured your DNS, the next step is to configure the application itself to use the CDN.
Add the vhost
For your respective stack and store, add a new vost in the format "cdn.example.com" (replace example.com accordingly).
Configuring CORS headers
Cross origin headers are essential when serving static content from a different domain to that of your main website; without them the browser will actively block the requests for security.
We recommending configuring the headers on both the origin domain and the CDN domain like so,
At the top of
example.com/___general/example.com.conf, include the existing CDN configuration to enable it. If you want to customise the headers, copy the file to a new location and include that new respective file.
# CORS include /microcloud/domains/example/domains/example.com/___general/cdn.include.conf;
At the top of
cdn.example.com/___general/cdn.example.com.conf, include the existing CDN configuration to enable it. If you want to customise the headers, copy the file to a new location and include that new respective file.
# CORS include /microcloud/domains/example/domains/cdn.example.com/___general/cdn.include.conf;
Followed by an Nginx reload.
Configure the store settings
You should then update the URLs in Magento as follows,
We do not recommend using a CDN on the secure JS assets as this can cause issues with the checkout and the admin WYSIWYG editor.