小编jpe*_*tte的帖子

我在Angular 4组件动画数组中有以下触发器:

trigger('collection', [
  state('0', style({
    'background-color': 'black',
    '-webkit-box-flex': '0',
    '-ms-flex': '0 0 0px',
    flex: '0 0 0',
    overflow: 'hidden',
    'min-width': '0px',
  })),
  state('1', style({
    'background-color': 'blue',        
    '-webkit-box-flex': '1',
    '-ms-flex': '1 1 0px',
    flex: '1 1 0',
    'min-width': '450px',
  })),
  transition('0 => 1', animate('300ms ease-in')),
  transition('1 => 0', animate('300ms ease-out'))
]),

每个浏览器内联到元素的样式如下:

州0

IE 11 =>溢出:隐藏; min-width:0px; 背景颜色:黑色;

Chrome => background-color:black; -webkit-box-flex:0; flex:0 0 0px; 溢出:隐藏; min-width:0px;

Edge => flex:0 0 0px; 溢出:隐藏; min-width:0px; 背景颜色:黑色;

州1

IE 11 => …

我有一个连接到blob存储的Azure CDN(Verizon,premium).根据本教程中的第6步,我有2条规则.这些规则旨在强制CDN在调用CDN的根目录时提供"index.html".它们可能与问题相关,也可能不相关,但步骤6中描述如下:

1. 确保下拉列表显示"IF"和"Always"
2. 单击"功能"旁边的"+"按钮两次.
3. 将两个新创建的下拉菜单设置为"URL Rewrite"
4. 将所有源和目标下拉列表设置为您创建的端点(具有端点名称的值)
5. 对于第一个源模式,设置为((？:[^ \？] /)？)($ | \？.)
6. 对于第一个目标模式,设置为$ 1index.html $ 2
7. 对于第二个源模式,设置为((？:[^ \？] /)？[^ \？/.] +)($ | \？.)
8. 对于第二个目标模式,设置为$ 1/index.html $ 2

我最初上传文件到blob存储,能够通过CDN点击它们(证明上述规则正常工作),然后更改本地文件(调试)以上传到blob存储.更新blob存储上的所有文件并选中"purge all"选项后手动清除CDN端点后,CDN将为旧文件提供服务,并在直接访问blob存储时提供新文件.这似乎发生在每个文件中(即使直接命中文件,而不仅仅是index.html).等待~10小时后,仍然会发生这种情况,清除浏览器缓存,并尝试从未用过访问CDN的浏览器.

有谁知道可能会发生什么？它是否缓存在我的网络和CDN端点之间？我觉得我可能会错过很简单的东西......

编辑1:我有另一个Verizon(非高级)CDN连接到同一个存储容器,它在清除后获取正确的文件; 然而,即使是现在(24小时后),高级CDN也没有提供更新的文件.

编辑2:称为微软对Azure的支持,他们花了大约6个小时进行调查,但没有成功.我们最终再次尝试清除,现在正在发送更新的文件.仍然不确定问题是什么.