Azure存储中Flutter静态Web应用更新后显示异常问题咨询

1. 浏览器/CDN缓存引发新旧内容交替 #

Flutter Web生产构建会给js、css这类静态资源加哈希后缀，确保新资源不会被缓存，但index.html本身不会自动加哈希。如果浏览器或者Azure静态Web应用的CDN缓存了旧的index.html，访问时就会加载最初的默认应用；当缓存过期或者用户强制刷新时，才会拉取新的index.html，就出现了交替显示的情况。另外Azure静态Web应用默认可能给index.html设了较长的缓存时间，要是上传新文件时没触发缓存刷新，旧内容就会一直被分发。

2. 文件上传未完全覆盖旧资源 #

上传新的web文件夹时，要是用的上传工具没开强制覆盖选项，旧的index.html或者部分静态资源可能没被替换掉，服务器上同时留着新旧版本的文件。请求匹配到旧文件时，就会显示最初的默认应用。

3. MSAL登录重定向配置错误 #

新应用登录跳转到localhost:8054，是因为你把MSAL的redirectUri配置成了本地开发的地址，没改成Azure静态Web应用的线上域名。这是独立的配置问题，和页面交替显示没关系，但会导致登录流程异常。

内容的提问来源于stack exchange，提问作者sai