mcpField
S
syncfusion-blazor-security

syncfusion-blazor-security

github.com/syncfusion安全4375 次安装1 周前更新
代码仓库

关于 syncfusion-blazor-security

为 .NET 8、9 和 10 的浏览器托管 Syncfusion Blazor 应用提供内容安全策略配置指南，涵盖自托管资源和 CDN 交付。

主要功能

  1. 01Syncfusion 组件所需的 CSP 指令
  2. 02自托管资源配置
  3. 03CDN 脚本和样式配置
  4. 04按 Blazor 项目类型确定 CSP 位置

适用场景

  1. 01在 App.razor 或 index.html 添加 CSP 标签
  2. 02为自托管资源设置 CSP 规则
  3. 03允许 CDN 托管的 Syncfusion 资源

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-security

安装后在 Claude Code 中输入/syncfusion-blazor-security确认已加载。

附带文件references/content-security-policy.md

详细介绍

Syncfusion Blazor 安全性

为托管在浏览器中的应用程序（.NET 8、9、10）配置 Syncfusion Blazor 组件的内容安全策略（CSP）。

适用场景

在以下情况下使用此技能：

  • 为 Syncfusion 组件在 App.razor 或 index.html 中添加 CSP <meta> 标签
  • 为自托管（Static Web Assets）的脚本和样式传送配置 CSP
  • 为 CDN 托管的 Syncfusion 脚本和样式配置 CSP
  • 了解 Syncfusion 组件需要哪些 CSP 指令及其原因

快速参考

CSP 必需指令一览

指令值原因
font-src'self' data:Base64 编码的图标字体
style-src'self' 'unsafe-inline'用于尺寸和定位的内联样式
script-src'self'动态代码求值（动画等）
connect-src'self' https: wss:WebSocket 和 HTTPS 连接
img-srcdata: https:内联图像和远程资源
object-src'none'阻止插件内容

CDN 用户：还需将 https://cdn.syncfusion.com/blazor/ 追加到 script-src 和 style-src。

CSP 标签的添加位置

项目类型文件
Blazor Web App（.NET 8/9/10）任意呈现模式~/Components/App.razor
Blazor WebAssembly 独立版wwwroot/index.html

评论

支持 Markdown