如何在IIS服务器上部署角9服务器端呈现
IIS的web.config是什么?

发布于 2020-09-21 03:22:43
下面是创建示例应用程序并在iis中部署的步骤:
1)安装角10 CLI并初始化一个新项目。(如果您已经创建了应用程序并安装了npm,则可以跳过此步骤)
npm install -g @angular/cli
ng new angular-seo-app2)回到命令行界面,首先导航到项目的文件夹:
cd angular-seo-app
ng add @nguniversal/express-engine --clientProject angular-seo-app该原理图将自动将所需的配置和包添加到您的项目中,甚至会添加一个Express服务器。
Express服务器将呈现一部分您的角度应用程序,并返回HTML浏览器。服务器默认运行在4000端口上。
3)回到终端并运行以下命令:
npm run build:ssr
npm run serve:ssr这将在SSR支持下构建您的项目,并从http://localhost:4000地址启动快速服务器。
您将在项目文件夹中看到dist文件夹。

4)转到windows服务器(C:\inetpub\wwwroot)并创建一个空文件夹(例如,将其命名为ng-ssr )

5)将dist文件夹复制到ng-ssr中
6)打开C:\inetpub\wwwroot\ng-ssr\dist\angular-seo-app\server文件夹,您将找到main.js文件

7)复制main.js并将其直接粘贴到ng-ssr文件夹中。
8)在ng-ssr文件夹中创建web.conifg文件,并在其中添加以下代码:
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<handlers>
<add name="iisnode" path="main.js" verb="*" modules="iisnode" />
</handlers>
<rewrite>
<rules>
<rule name="DynamicContent">
<match url="/*" />
<action type="Rewrite" url="main.js"/>
</rule>
<rule name="StaticContent" stopProcessing="true">
<match url="([\S]+[.](jpg|jpeg|gif|css|png|js|ts|cscc|less|ico|html|map|svg))" />
<action type="None" />
</rule>
</rules>
</rewrite>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" />
<remove fileExtension=".svg" />
<remove fileExtension=".eot" />
<remove fileExtension=".ttf" />
<remove fileExtension=".woff" />
<remove fileExtension=".woff2" />
<remove fileExtension=".otf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".woff" mimeType="application/x-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-woff" />
<mimeMap fileExtension=".otf" mimeType="application/otf" />
</staticContent>
</system.webServer>
</configuration>IIS文件是包含web服务器上特定站点(或目录)规则的web.config文件。它类似于Apache中的.htaccess文件。该文件可能包含设置404、403等站点错误页的规则,以及较旧URL的重定向规则。
我们的web.config文件包含URL重写规则、iis节点设置和mime类型。
备注:下载 URL重写 和 iisnodex64 , iisnodex86
现在,您的网站文件夹必须如下所示:

9)在IIS中创建网站
并添加文件夹路径: C:\inetpub\wwwroot\ng-ssr

10)在IIS中,转到您创建的网站的应用程序池,将.Net框架版本更改为无托管代码

注意:请确保将iis_iusrs和iusr完全控制权限分配给ng文件夹。

浏览您的网站:

https://stackoverflow.com/questions/63950370
复制相似问题