azure nodejs webapp The page cannot be displayed because an internal server error has occurred.

問題

最近將 NodeJS 的程式部署到 Azrue WebApp (windows) 之後，
去瀏覽網頁一看，居然顯示以下的錯誤，

The page cannot be displayed because an internal server error has occurred.

原本發生錯誤會寫到 iisnode 目錄之中的 log 也沒有寫，
透過 App Service Editor 查看 WebApp 的 Output 也都沒有任何東西。

研究與解決

原本沒問題的，現在有問題，那應該是有什麼異動吧。
所以就先檢查 WebApp 的 Configuration 中的 WEBSITE_NODE_DEFAULT_VERSION 版本是否有在現在 Azure 所 Support 的 Node Runtime 之中。

可以連到 https://[你的webapp名稱].scm.azurewebsites.net/api/diagnostics/runtime 查看，

我將設定值改成 12.15.0 ，再執行還是一樣的錯誤。
再來就是測試一下 web.config ，於是拿 沒問題的web.config 更新上去，
再執行程式，居然好了。 那問題就是出在 web.config 上面。

最後發現是因為 web.config 中，在 rewrite 區段中，有加入 allowedServerVariables 的區段，導致 WebApp 直接錯誤。
原本的 web.config 如下，

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.web>
        <httpCookies httpOnlyCookies="true" requireSSL="true" />
    </system.web>
    <system.webServer>
        <webSocket enabled="false" />

        <httpProtocol>
            <customHeaders>
                <add name="Strict-Transport-Security" value="max-age=31536000; includeSubDomains" />
            </customHeaders>
        </httpProtocol>

        <handlers>
            <add name="nodejs" path="*.js" verb="*" modules="iisnode" resourceType="File" requireAccess="Script" />
        </handlers>

        <rewrite>    
            <allowedServerVariables>
                <!-- 
                    ● 此設定是用來解決在iisnode上URL Encode的問題
                    ● 另外，需要ApplicationHost.config的將allowedServerVariables的overrideModeDefault改成Allow
                    ● 詳細設定請參考下面連結
                    [github issue: https://github.com/tjanczuk/iisnode/issues/217]
                -->
                <add name="HTTP_X_ORIGINAL_URL" />
                <add name="UNENCODED_URL" />
                <!-- 
                    ● 此設定是用來解決在 iisnode 上 Firefox Websocket 問題
                    ● 詳細設定請參考下面連結
                    [github issue: https://github.com/tjanczuk/iisnode/issues/497]
                -->
                <add name="HTTP_CONNECTION" />
            </allowedServerVariables>
            <rules>
                <rule name="all">
                    <match url="/*" />
                    <action type="Rewrite" url="index.js" />
                </rule>
                <rule name="Firefox_Websocket">
                    <match url="stream" />
                    <action type="Rewrite" url="index.js" />
                    <conditions>
                        <add input="{HTTP_CONNECTION}" pattern="keep-alive, Upgrade" />
                        <add input="{HTTP_UPGRADE}" pattern="websocket" />
                    </conditions>
                    <serverVariables>
                        <set name="HTTP_CONNECTION" value="Upgrade" />
                    </serverVariables>
                </rule>
            </rules>
        </rewrite>
        <!-- (node_env: "development" (開發), "production" (產品)) -->
        <iisnode node_env="PRODUCTION" nodeProcessCountPerApplication="1" maxConcurrentRequestsPerProcess="1024" maxNamedPipeConnectionRetry="100" namedPipeConnectionRetryDelay="250" maxNamedPipeConnectionPoolSize="512" maxNamedPipePooledConnectionAge="30000" asyncCompletionThreadCount="0" initialRequestBufferSize="4096" maxRequestBufferSize="65536" uncFileChangesPollingInterval="5000" gracefulShutdownTimeout="60000" loggingEnabled="true" logDirectory="iisnode" debuggingEnabled="true" debugHeaderEnabled="false" debuggerPortRange="5058-6058" debuggerPathSegment="debug" maxLogFileSizeInKB="128" maxTotalLogFileSizeInKB="1024" maxLogFiles="20" devErrorsEnabled="true" flushResponse="false" enableXFF="false" promoteServerVars="" configOverrides="iisnode.yml" watchedFiles="web.config;*.js" />
    </system.webServer>
</configuration>

目前就先將該區段移除 。