透過 Content-Security-Policy 修正 Mixed Content Link 問題

前言

在網站上，雖然用 https ，但有些 image 還是使用 http 去 link ，這會產生 Mixed Content 的問題，如下，

實作

web.config

<configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="Content-Security-Policy" value="upgrade-insecure-requests;" />
            </customHeaders>
        </httpProtocol>
</configuration>

_Layout.cshtml

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests;">

Startup.cs

app.Use(async (context, next) =>
{
    context.Response.Headers.Add(
        "Content-Security-Policy",
        "upgrade-insecure-requests;");

    await next();
});

當這樣設定後，會把原本是用 http 的link 改成 https 了哦!

參考資料

How to handle mixed content with CSP
ASP.NET Security Headers