Umbraco 9 CMS中toggle开关按钮未正确显示真实状态问题求助

问题根因方向 #

本地运行正常、HTTPS部署后开关状态不更新，核心是AngularJS双向绑定逻辑未正常触发，和静态资源加载、站点配置、目录权限三类问题直接相关。

排查&解决步骤 #

1. 静态资源校验 #

Umbraco 9的toggle指令代码位于/umbraco/backoffice/umbraco/directives/components/umb.toggle.directive.js，优先对比本地和服务器加载的该文件内容是否一致：

• 临时关闭IIS的静态内容压缩功能，清除服务器端缓存
• 访问后台时使用Ctrl+Shift+R强制全量刷新资源，排除本地缓存干扰
• 确认web.config中mimeMap配置未拦截.js类型资源加载

2. 目录权限配置 #

确认IIS应用池运行身份对/umbraco目录具备读取&执行权限：

• 右键/umbraco文件夹，打开安全属性，给IIS_IUSRS组赋予读取、读取和执行、列出文件夹内容权限
• 检查web.config中无针对/umbraco/backoffice路径的自定义授权拦截规则

3. 站点配置修正 #

Umbraco 9需要在appsettings.json中显式配置部署后的站点根地址，避免上下文绑定异常：

{
  "Umbraco": {
    "CMS": {
      "WebRouting": {
        "UmbracoApplicationUrl": "https://你的部署域名/"
      }
    }
  }
}

验证方式 #

完成配置后重新启动IIS站点，强制刷新后台页面，操作toggle开关后检查aria-checked属性和umb-toggle--checked类是否同步更新。

内容的提问来源于stack exchange，提问作者P.Laurie