Outlook Add-in显示空白求助：PowerApp嵌入及Azure存储部署异常

1. 检查Azure Blob存储配置与权限 #

• 确认Blob存储已开启静态网站托管，且MessageRead.html、函数文件等核心资源的路径与清单引用完全匹配
• 确保所有相关文件的权限设置为公共读取，避免Office客户端无法加载资源
• 配置CORS规则，允许Office域名（如outlook.office.com、outlook.office365.com）的跨域请求：

  允许来源: https://outlook.office.com,https://outlook.office365.com
  允许方法: GET,POST,OPTIONS
  允许标头: *
  公开标头: *
  最大年龄: 86400
  

2. 修正清单文件的资源引用 #

• 替换清单中~remoteAppUrl占位符为Azure Blob静态网站的完整域名（例如https://yourstorageaccount.z22.web.core.windows.net），确保所有资源（HTML、JS、图标）的引用路径可直接在浏览器中访问
• 验证清单内SourceLocation指向的URL是否为Blob存储中MessageRead.html的正确地址

3. 排查PowerApp嵌入的iframe问题 #

• 直接在浏览器中打开Blob存储里的MessageRead.html，打开控制台（F12）查看是否有iframe加载错误（如跨域限制、PowerApp URL无效）
• 检查PowerApp的嵌入设置，确认已将Blob存储域名添加到允许嵌入的域名列表中

4. 利用调试工具定位错误 #

• Outlook桌面客户端按F12打开开发人员工具，切换到控制台标签，查看是否存在JS加载失败、资源404或权限报错
• 网页版Outlook直接使用浏览器F12工具，检查网络请求状态与控制台错误信息

5. 对比VS部署与Blob托管的差异 #

• 检查VS部署时本地服务器的响应头配置（如Content-Security-Policy），确保Blob存储的文件响应头与之匹配
• 确认Blob存储中文件的MIME类型正确：HTML文件设为text/html，JS文件设为application/javascript，图片设为对应类型（如image/png）

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