如何通過Azure Verizon Premium CDN從Azure Blob提供帶有路由的Angular 2 SPA

Question

這里沒有足夠的關於重寫規則的文檔https://docs.microsoft.com/en-us/azure/cdn/cdn-rules-engine-reference-features 。 還需要4個小時才能刷新，因此嘗試各種正則表達式組合是不切實際的。

我在Azure Blob上托管了一個Angular 2單頁應用程序（英雄樣本應用程序），並希望從Azure CDN提供它。 但是，Angular 2路由需要特殊處理，即重寫到index.html的路由。 這是我使用NGINX代理的工作示例。 如何將其翻譯為Azure Verizon Premium CDN？

# Filename: /etc/nginx/nginx.conf
http {
    ...
    rewrite_log on;

    server {
        listen       80;
        server_name  www.heroes.com;

        proxy_connect_timeout       600;
        proxy_send_timeout          600;
        proxy_read_timeout          600;
        send_timeout                600;

        location / {
            error_log /var/log/nginx/rewrite.log notice;
            rewrite '^(\/(\w+))*\/?(\.\w{5,})?\??([^.]+)?$' /heroes/index.html break;
            proxy_pass https://xxxxxx.blob.core.windows.net/heroes/;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header        X-Forwarded-Proto https;

        }
    }
}

Answer 1

您可以使用存儲帳戶上的“靜態網站”選項在Azure靜態網站上使用角度2+。 無需重寫規則。

請務必將“index.html”添加為“索引文檔名稱”和“錯誤文檔路徑”（否則刷新或初始請求將失敗）