Azure CDN - Multiple sites on the same domain

Hi @Edgar Dockus ,

Welcome to the Microsoft Q&A Platform. Thank you for reaching out & I hope you are doing well.
I understand that you would like to use two static storage websites behind a CDN and route traffic via URL path.

I am still not clear about why "/static" is being added to the path.

Is it the case that, for OriginRoute1 and Default,
xxx.azureedge.net ----------------> require CSS files from storageendpoint1.blob.core.windows.net/static/somefile.css or storageendpoint1.blob.core.windows.net/somefile.css ?

Once you have modified the Origin Group using the rule, then I would expect all the dependencies such as .css and .js be present in the new origin group.
So, depending upon the above configuration,
for OriginRoute2,
xxx.azureedge.net ----------------> require CSS files from storageendpoint2.blob.core.windows.net/static/somefile.css or storageendpoint1.blob.core.windows.net/somefile.css

Please let me know if my understanding is incorrect.

Thanks,
Kapil

Hi,

The apps have index.html and the css and js files (both are React apps). The folder structure for each app looks like this:

index.html
static/css/file_origin1.css
static/js/static_origin1.js

index.html
static/css/file_origin2.css
static/js/static_origin2.js

Within index.html href links are pointing to /static/css/file.css for css and to /static/js/file.js for the JS files. Which means that when CDN rewrite rule kicks in when I access https://xxx.azureedge.net/origin1 it loads index.html file which then points to /static/css/file_origin1.css which then results in css file being loaded from https://xxx.azureedge.net/static/css/file.css and it works because origin1 is the default origin, hence /static on the route loads the storage hosted site for origin1. However, when I load https://xxx.azureedge.net/origin2 it loads the index.html file, but then when it tries to load https://xxx.azureedge.net/static/file.css it does not work because it gets to the default origin which is origin1 and the file for origin2 does not exist there.

What I'm basically trying to achieve is that if a user browses to https://xxx.azureedge.net/origin2, then anything index.html is trying to access should be prefixed with /origin2/. But if the user is accessing https://xxx.azureedge.net/origin1 then all the requests should be prefixed with origin1.

I hope this makes sense. Thanks.

Hi @Edgar Dockus ,

Thanks for the clear explanation.
I now understand your environment.

However, one thing that confuses me is that,

• Shouldn't xxx.azureedge.net/origin1 point to storageendpoint1.blob.core.windows.net/origin1/ ?
• Per your comment, you have mentioned xxx.azureedge.net/origin1 is pointing to storageendpoint1.blob.core.windows.net
• Not sure how this is happening.

Anyways, I believe we would require a deeper investigation on your configuration.
So, if you have a support plan, I request you file a support ticket, else please do let us know, we will try and help you get a one-time free technical support.

Cheers,
Kapil