內容安全策略（CSP）是一個增加的安全層，可幫助檢測和緩解某些型別的攻擊，包括跨站點指令碼（XSS）和資料注入攻擊。這些攻擊用於從資料竊取到站點破壞或惡意軟體分發的所有內容（深入CSP）

簡而言之，CSP是網頁控制允許載入哪些資源的一種方式。例如，頁面可以顯式宣告允許從中載入JavaScript，CSS和影象資源。這有助於防止跨站點指令碼（XSS）攻擊等問題。

它也可用於限制協議，例如限制通過HTTPS載入的內容。CSP通過 Content-Security-Policy HTTP響應中的標頭實現。

啟用CSP,您需要配置Web伺服器以返回Content-Security-Policy

app.Use(async (ctx, next) =>
            {
                ctx.Response.Headers.Add("Content-Security-Policy",
                            "default-src 'self'; report-uri /cspreport");
                await next();
            });

　　在Home/Index中引入cdn檔案，然後我們啟動專案，看看會發生什麼！

執行並觀察錯誤。載入頁面時，瀏覽器拒絕從遠端源載入。

 所以我們可以組織CSP來控制我們的白名單，在配置當中需要填寫來源以及內容，以下是常用限制的選項。

來源：

*: 允許任何網址。
‘self’: 允許所提供頁面的來源。請注意，單引號是必需的。
‘none’: 不允許任何來源。請注意，單引號是必需的。
Host: 允許指定的網際網路主機（按名稱或IP地址）。萬用字元（星號字元）可用於包括所有子域，例如http：//*.foo.com
‘unsafe-line’: 允許內聯指令碼
‘nonce-[base64-value]’: 允許具有特定nonce的內聯指令碼（使用一次的數字）。對於每個HTTP請求/響應，應該對nonce進行加密和唯一。

 指令：

script-src：定義有效的JavaScript源
style-src：定義樣式表的有效來源
img-src：定義有效的影象源
connect-src：定義可以進行AJAX呼叫的有效源
font-src：定義有效的字型來源
object-src：定義<object>，<embed>和<applet>元素的有效源
media-src：定義有效的音訊和視訊源
form-action：定義可用作HTML <form>操作的有效源。
default-src：指定載入內容的預設策略

我們可以在可重用的中介軟體中封裝構建和新增CSP頭。以下是一個讓您入門的示例。你可以根據需要擴充套件它。首先，建立一個用於儲存源的類。

public class CspOptions
    {
        public List<string> Defaults { get; set; } = new List<string>();
        public List<string> Scripts { get; set; } = new List<string>();
        public List<string> Styles { get; set; } = new List<string>();
        public List<string> Images { get; set; } = new List<string>();
        public List<string> Fonts { get; set; } = new List<string>();
        public List<string> Media { get; set; } = new List<string>();
    }

 開發一箇中間件一定是需要一個構造器的，這將用於.net core 的注入到執行環境中。

public sealed class CspOptionsBuilder  
 {  
     private readonly CspOptions options = new CspOptions();  
       
     internal CspOptionsBuilder() { }  
  
     public CspDirectiveBuilder Defaults { get; set; } = new CspDirectiveBuilder();  
     public CspDirectiveBuilder Scripts { get; set; } = new CspDirectiveBuilder();  
     public CspDirectiveBuilder Styles { get; set; } = new CspDirectiveBuilder();  
     public CspDirectiveBuilder Images { get; set; } = new CspDirectiveBuilder();  
     public CspDirectiveBuilder Fonts { get; set; } = new CspDirectiveBuilder();  
     public CspDirectiveBuilder Media { get; set; } = new CspDirectiveBuilder();  
  
     internal CspOptions Build()  
     {  
         this.options.Defaults = this.Defaults.Sources;  
         this.options.Scripts = this.Scripts.Sources;  
         this.options.Styles = this.Styles.Sources;  
         this.options.Images = this.Images.Sources;  
         this.options.Fonts = this.Fonts.Sources;  
         this.options.Media = this.Media.Sources;  
         return this.options;  
     }  
 }  
  
 public sealed class CspDirectiveBuilder  
 {  
     internal CspDirectiveBuilder() { }  
  
     internal List<string> Sources { get; set; } = new List<string>();  
  
     public CspDirectiveBuilder AllowSelf() => Allow("'self'");  
     public CspDirectiveBuilder AllowNone() => Allow("none");  
     public CspDirectiveBuilder AllowAny() => Allow("*");  
  
     public CspDirectiveBuilder Allow(string source)  
     {  
         this.Sources.Add(source);  
         return this;  
     }  
 }  

 好了，我們建立一箇中間件。

namespace XSSDefenses.XSSDefenses.MiddlerWare
{
    public sealed class CspOptionMiddlerWare
    {
        private const string HEADER = "Content-Security-Policy";
        private readonly RequestDelegate next;
        private readonly CspOptions options;

        public CspOptionMiddlerWare(
            RequestDelegate next, CspOptions options)
        {
            this.next = next;
            this.options = options;
        }

        public async Task Invoke(HttpContext context)
        {
            context.Response.Headers.Add(HEADER, GetHeaderValue());
            await this.next(context);
        }

        private string GetHeaderValue()
        {
            var value = "";
            value += GetDirective("default-src", this.options.Defaults);
            value += GetDirective("script-src", this.options.Scripts);
            value += GetDirective("style-src", this.options.Styles);
            value += GetDirective("img-src", this.options.Images);
            value += GetDirective("font-src", this.options.Fonts);
            value += GetDirective("media-src", this.options.Media);
            return value;
        }
        private string GetDirective(string directive, List<string> sources)
            => sources.Count > 0 ? $"{directive} {string.Join(" ", sources)}; " : "";
    }
}

 以及設定它的擴充套件方法。

namespace XSSDefenses.XSSDefenses.Extensions
{
    public static class CspMiddlewareExtensions
    {
        public static IApplicationBuilder UseCsp(
             this IApplicationBuilder app, Action<CspOptionsBuilder> builder)
        {
            var newBuilder = new CspOptionsBuilder();
            builder(newBuilder);

            var options = newBuilder.Build();
            return app.UseMiddleware<CspOptionMiddlerWare>(options);
        }
    }
}

我們現在可以在Startup類中配置中介軟體。

app.UseCsp(builder =>
            {
                builder.Styles.AllowSelf()
                .Allow(@"https://ajax.aspnetcdn.com/");
            });

 啟動發現，觀察網路資源。瀏覽器已經允許本地和遠端資源。