Angular部署Azure后assets下JSON文件404 NotFound问题求助

排查及修复步骤 #

• 确认angular.json配置
  检查angular.json的assets节点是否正确包含目标目录，确保生产构建时文件能被复制到dist。示例配置：

  "assets": [
    "src/favicon.ico",
    "src/assets"
  ]
  

  注：src/assets默认包含所有子目录和文件，若有自定义排除规则需单独指定src/assets/data。

• 验证本地dist文件完整性
  执行ng build --prod后，检查本地dist/[项目名称]/assets/data下是否存在plaindata.json。如果本地dist没有该文件，说明构建配置有误，需调整angular.json。

• 添加JSON文件MIME类型配置
  Azure默认可能未配置.json的MIME类型，导致服务器返回404。在wwwroot目录创建或修改web.config，添加以下内容：

  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
    </staticContent>
  </system.webServer>
  

  保存后重启Azure网站再测试。

• 检查路径大小写一致性
  Azure Windows主机对路径大小写敏感，确保请求URL的路径、文件名和服务器上的完全匹配（比如服务器是PlainData.json而请求用小写就会报错）。

• 强制清除浏览器缓存
  按Ctrl+Shift+R强制刷新页面，避免本地缓存的旧响应干扰测试。

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