angularjs - 如何通过 Azure Verizon Premium CDN 使用来自 Azure Blob 的路由为 Angular 2 SPA 提供服务

Question

此处没有足够的有关重写规则的文档 https://learn.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 静态站点上使用 Angular 2+。无需重写规则。

请务必添加“index.html”作为“索引文档名称”和“错误文档路径”(否则刷新或初始请求将失败)