如何使用edgecast Azure CDN修复角2应用程序的路由？

Question

对于我的角应用程序，下面是app.routing.ts文件：

const appRoutes: Routes = [
    { path: '', component: LoginComponent },
    { path: 'dashboard', component: DashboardComponent },
    { path: 'application', component: ApplicationComponent },
    { path: 'decision', component: DecisionComponent },
];

export const routing = RouterModule.forRoot(appRoutes);

因此，在我的本地计算机上，当我执行ng服务时，我可以转到浏览器中的地址栏并键入以下地址：

本地主机:4200/仪表板

本地主机:4200/应用程序

而且效果很好。

那我就做：

ng build --base-href /deploy/ --prod

然后将本地计算机上的dist文件夹中的文件复制到Azure存储中。我必须有一个用于文件的blob容器，这个容器名为deploy。最后我得到了这样的结果：

https://xxyz.blob.core.windows.net/deploy/favicon.ico
https://xxyz.blob.core.windows.net/deploy/index.html
https://xxyz.blob.core.windows.net/deploy/assets/Logo.svg
https://xxyz.blob.core.windows.net/deploy/main.68dbes8ef20.bundle.js
https://xxyz.blob.core.windows.net/deploy/styles.a2b9daa6d36.bundle.css

等等，我可以去：

https://xxyz.blob.core.windows.net/deploy/favicon.ico

然后看到了那个

然后，在Verizon Edgecast CDN上，我可以访问：

https://xxyz.com/deploy/index.html启动我的应用程序并登录。

但是我不想去CDN上的https://xxyz.com/deploy/index.html登录。

我要到

https://xxyz.com/login和登录在那里

此外，我也不能前往CDN上的这些地点：

https://xxyz.com/deploy/dashboard

https://xxyz.com/deploy/application

我真正想要的是能够在CDN上做到这一点：

https://xxyz.com/login

https://xxyz.com/dashboard

https://xxyz.com/application

和

https://xxyz.com/应该重定向到登录页面

我使用，所以我可以重写URL，但是我编写的规则到目前为止还没有起作用。

我在角度上有遗漏什么吗？对于Azure、CDN或Edgecast的URL重写规则有什么想法吗？

下面是我尝试为edgecast/Azure进行URL重写的当前方式：

​

下面是下拉列表中的选项，这些选项在上面的图像中写着“始终”：

如果选择：

始终

As数

CDN起源

客户Ip地址

Cookie参数

客户来源

边名称

参考域

请求标头文字

请求头Regex

请求方法

请求计划

Url路径目录

Url路径扩展

Url路径文件名

Url路径文字

Url路径Regex

Url路径通配符

Url查询文字

Url查询Regex

Url查询通配符

Answer 1

您可以设置一个‘部署’的“起始路径”，以便从CDN url中需要的‘/部署/’路径中删除该路径。

​

​

规则引擎可能需要90分钟才能开始工作。一定要等得够久才能试一试。

添加“原产地”路径后，重写规则应如下所示。规则1:如果总是:功能: URL重写；来源：‘登录’；目的地：'index.html‘(从下拉列表中选择与端点名称匹配的那个)。