Azure静态Web应用中/data_images文件夹图片无法加载求助

• 修正静态配置的排除规则
  当前配置里的/data_images/*仅匹配文件夹下的直接文件，且未明确指定图片扩展名，容易导致Azure静态文件服务无法正确识别并绕过导航回退规则。将其修改为和/images一致的扩展名匹配规则：

  "/data_images/*.{png,jpg,gif,svg}"
  

• 确认文件部署状态

  1. 登录Azure门户，进入你的静态Web应用，打开“存储浏览器”，检查/data_images文件夹及其中的图片是否已成功上传
  2. 在本地项目中，选中/data_images下的所有图片文件，设置“复制到输出目录”属性为“如果较新则复制”或“始终复制”，确保发布时文件被包含到部署包中

• 清理部署缓存
  在Azure门户的静态Web应用“概述”页面，点击“重新部署”按钮，触发一次完整部署，清除可能存在的旧缓存。

修改后的完整staticwebapp.config.json配置如下：

{
  "trailingSlash": "auto",
  "routes": [
  ],
  "navigationFallback": {
      "rewrite": "index.html",
      "exclude": [ 
        "/images/*.{png,jpg,gif,svg}", 
        "/imagess/*.{png,jpg,gif,svg}", 
        "/data_images/*.{png,jpg,gif,svg}", 
        "/css/*" 
      ]
  },
  "mimeTypes": {
      ".json": "text/json",
      ".png": "image/png",
      ".svg": "image/svg+xml"
  }
}

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