Visual Studio 2022 17.0.0 Browser Link刷新功能浏览器调试控制台报错如何解决

你遇到的控制台报错确实和内容安全策略（CSP）有关，VS在调试模式下注入的Browser Link脚本、ASP.NET Core内置的浏览器热重载脚本不符合你配置的CSP规则，就会触发跨站脚本防护的报错。以下是两种适配不同场景的解决方案：

方案1：保留自动刷新/热重载功能，彻底解决报错 #

你只需要在开发环境的CSP配置中添加对应白名单即可，注意不要把以下规则配置到生产环境：

• 允许站点自身脚本加载，覆盖/_framework/aspnetcore-browser-refresh.js
• 允许本地localhost任意端口的HTTPS脚本加载，覆盖Browser Link的动态端口脚本

.NET 5 项目可以在Startup.cs的Configure方法中按如下规则配置：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
        // 开发环境CSP配置，仅本地调试生效
        app.UseCsp(opt => opt
            .ScriptSources(s => s
                .Self()
                .CustomSources("https://localhost:*")
            )
        );
    }
    else
    {
        // 生产环境CSP，保留严格规则
        app.UseCsp(opt => opt
            .ScriptSources(s => s.Self())
        );
    }
    // 剩余中间件配置保持不变
}

如果你没有显式配置过CSP，检查下是否是你引用的第三方安全包默认开启了CSP规则，按同样逻辑调整开发环境的规则即可。

方案2：测试阶段临时关闭自动注入，消除报错 #

如果你做稳定性测试时不需要热重载、自动刷新功能，可以临时关闭这两个注入项：

• 关闭Browser Link：点击VS顶部工具栏的Browser Link按钮（环形箭头图标），取消勾选「启用浏览器链接」即可
• 关闭浏览器热重载：右键项目→属性→调试，取消勾选「启用热重载」；或者直接修改launchSettings.json，添加环境变量"ASPNETCORE_BROWSER_REFRESH": "false"

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