Question

我已将Angular 7项目升级到Angular9。我运行了以下命令 “ ng add @ nguniversal / express-engine”，“ npm run build：ssr”和“ npm run serve：ssr”。在我的本地环境中，它运行良好。创建“ dist”文件夹并将其部署到Web服务器上的IIS。

现在，IIS网站指向“ dist”文件夹，该文件夹包含“浏览器”，“服务器”文件夹和web.config文件。找到下面的web.config文件，它指向“ server / main.js”文件。当我执行我的应用程序时，它会引发HTTP 500错误。

请帮助我如何将此“ dist”文件夹部署到Web服务器上的IIS。

web.config


<?xml version="1.0" encoding="utf-8" ?>
<configuration>
    <system.webServer>        
        <webSocket enabled="false" />
        <handlers>
            <add name="iisnode" path="server/main.js" verb="*" modules="iisnode" />
        </handlers>
        <rewrite>
            <rules>
                <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
                    <match url="^server.js\/debug[\/]?" />
                </rule>
                <rule name="StaticContent">
                    <action type="Rewrite" url="public{REQUEST_URI}" />
                </rule>
                <rule name="DynamicContent" stopProcessing="true">
            <match url=".*" />
                    <conditions>                        
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="server/main.js/{R:0}"  />
                </rule>
            </rules>
        </rewrite>
        <security>
            <requestFiltering>
                <hiddenSegments>
                    <remove segment="bin" />
                </hiddenSegments>
            </requestFiltering>
        </security>
        <httpErrors existingResponse="PassThrough" />
        <iisnode nodeProcessCommandLine="C:\Program Files\nodejs\node.exe"
            watchedFiles="web.config;*.js" 
            node_env="%node_env%" 
            loggingEnabled="true" 
            logDirectory="iisnode" 
            debuggingEnabled="true" 
            maxLogFileSizeInKB="1048" 
            maxLogFiles="50" 
            devErrorsEnabled="true" />
    </system.webServer>
</configuration>

Answer 1

使用以下命令来构建应用程序。 build:client-and-server-bundles

如何将Angular 9 SSR应用程序部署到IIS

1 个答案: