如何在 windows server 2016 / IIS 上部署服务器端渲染 (SSR) 反应应用程序（由 webpack 捆绑）

提个醒：这是我第一次尝试在定制的 Windows 服务器上部署 react 应用程序，但我已经成功地在 Heroku 和 Linux (PM2) 上完成了它，所以我知道应用程序架构是假设的正常工作。

场景：

我已经构建了一个 Windows Server 2016 / 64 位托管服务器来托管多个网站。我已经使用 VPS Contabo 来做到这一点。我已经测试了所有应该工作的功能，即使是其他应用程序，如 ASP.NET、PHP、SSL 证书，一切都运行良好。

至于我试图在此服务器上托管的特定节点 js 项目，它由 2 个主要部分组成：

• node 中的后端与 CMS 一起使用 node / javascript 开发。

我为此在子域上创建了一个托管空间，它运行良好，即使使用 Let's Encrypt SSL 证书也是如此。如果有人想访问它，请访问： https ://backendnode.fullstackwebdesigner.com/system

• 反应服务器端渲染中的前端。

这就是问题发生的地方。如果有人想访问它，这里是链接： https ://fullstackwebdesigner.com/

我对它们都使用了基本相同的技术：

• iis节点；
• URL重写扩展；
• iis节点模块；
• web.config 文件配置；

问题：

我已经设法让它作为一个网站加载，就像我对后端所做的那样，但问题是它似乎没有加载 CSS 文件、图像等。所以布局不会加载。在控制台上，有错误消息： Uncaught SyntaxError: Unexpected token '<'

react 应用程序：正如我之前所说，它是作为服务器端渲染应用程序完成的，并与 webpack 捆绑在一起。因此，它将捆绑的文件构建到名为“/build”的目录中。在这个目录中，有一个“/public”目录，所有资产都在其中，例如 CSS 文件和图像。

在开发时，我会在终端上运行构建：node build/bundle.react.js

尽管看起来很奇怪，但当我在 Windows 服务器的终端上运行它时，它运行良好。但只能通过以下方式访问：http://localhost:3001 它会加载所有应该加载的内容。

这是文件结构的简化表示：

- /build/
--bundle.react.js
--/build/public/
---/files-layout/
---/fonts/
---bundle.react.client.js

这也是我在网站托管空间上用于反应构建的 web.config 文件：

<configuration>
    <system.webServer>
        <iisnode nodeProcessCommandLine="C:\Program Files\nodejs\node.exe" />
        
        <handlers>
            <add name="iisnode" path="/build/bundle.react.js" verb="*" modules="iisnode" />
        </handlers>

        <rewrite>
            <rules>
                <!-- Redirect to HTTPS (alternative). -->
                <rule name="Redirect to HTTPS / SSL" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions>
                        <add input="{HTTPS}" pattern="off" ignoreCase="true" />
                    </conditions>
                    <action type="Redirect" redirectType="Found" url="https://{HTTP_HOST}/{R:1}" />
                </rule>

                <!-- Don't interfere with requests for logs. -->
                <rule name="LogFile" patternSyntax="ECMAScript" stopProcessing="true">
                    <match url="^[a-zA-Z0-9_\-]+\.js\.logs\/\d+\.txt$" />
                </rule> 
                <!-- Node. -->
                <rule name="sendToNode">
                    <match url="(.*)" />
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/build/bundle.react.js" />          
                </rule>
            </rules>    
        </rewrite> 
        <defaultDocument>
            <files>
                <clear />
                <add value="/build/bundle.react.js" />
            </files>
        </defaultDocument>
        <security>
            <requestFiltering>
                <hiddenSegments>
                    <add segment="node_modules" />
                </hiddenSegments>
            </requestFiltering>
        </security>
    </system.webServer>
    <system.web>
        <compilation defaultLanguage="js" />
    </system.web>
</configuration>

任何人都知道可能缺少什么或正在发生什么，因为在 web 上的 windows 服务器上托管服务器端渲染的参考文献不多？可能是 IIS、web.config 或网站托管空间上的额外配置？

编辑：

我刚刚做了一个有趣的测试：在我的本地开发计算机上，当我通过终端运行时：

node bundle.react.js

从 /build 文件夹中，我得到与在线发生的问题相同的结果（没有布局、样式、图像等）。

但是当我通过终端运行时：

node build/bundle.react.js

从 /build 文件夹外部（从基本目录），它可以完美加载。

关于更多的事情。基本目录的组织方式如下：

…(some folders)
- /build/
--bundle.react.js
--/build/public/
---/files-layout/
---/fonts/
---bundle.react.client.js
-node_modules
…(some root files, like webpack and so on)

我猜由于我如何编写 web.config 文件，引用 /node_modules 文件夹存在某种问题，但我不知道应该如何引用它。