一、 .net core部署

1、回顾之前的ASP.NET的经典托管

.net core与asp.net发布有点不一样，ASP.NET Core不再由IIS工作进程（w3wp.exe）托管，而是使用自托管Web服务器（Kestrel）运行，IIS则是作为反向代理的角色转发请求到Kestrel不同端口的ASP.NET Core程序中，随后就将接收到的请求推送至中间件管道中去，处理完你的请求和相关业务逻辑之后再将HTTP响应数据重新回写到IIS中，最终转达到不同的客户端（浏览器，APP，客户端等）。

2、托管方式

2.1. 进程内托管(IIS HTTP 服务器)

这里不配置也没什么大的影响，因为配置错误会报错：HTTP Error 500.31 - ANCM Failed to Find Native Dependencies。这个解决办法在8.1节介绍。

<PropertyGroup>   
  <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel> 
</PropertyGroup>

2.2. 进程外托管(Kestrel服务器)

<PropertyGroup>   
  <AspNetCoreHostingModel>OutOfProcess</AspNetCoreHostingModel> 
</PropertyGroup>

4、若没有安装IIS

4.1、打开控制面板——程序

4.2、点击“启用或关闭Windows功能”

4.3、点击“Internet Information Services”，然后在打开的列表中勾选你需要的功能，点击确定

4.4、接着windows会自动下载并安装您勾选的系统，耐心等待完成

5、IIS安装完成，安装AspNetCoreModule

5.1. AspNetCoreModule与AspNetCoreModuleV2区别

• ASPNetCoreModule(“版本1”)是IIS模块，其在运行在.NET Core中运行时，可启用ASP.NET Core 1.x和2.x应用程序. - asp.net core 1.x和2.x(但不是ASP.NET Core 3.x及更高版本)可以在.NET Framework之上运行，而不是.NET Core，在这种情况下，您可以使用IIS的内置CLR管道，而无需ASPNetCoreModule. - 版本1在2019年1月停止使用并从ASP.NETGitHub repo中删除。今天唯一使用v1的原因是，您仍在运行ASP.NET Core 1.x应用程序。你无论如何都不应该做.
• ASPNetCoreModuleV2支持ASP.NET Core 2.0及更高版本(包括ASP.NET Core 3.x，.NET 5，.NET 6等).它还支持比V1更多的功能(例如自定义脱机消息)。

5.2. 安装.NET Core托管捆绑包

5.3. 按需安装

https://www.microsoft.com/net/permalink/dotnetcore-current-windows-runtime-bundle-installer

6、创建网站

• .NET framework 版本：无托管代码。
• 托管管道模式：集成。

7、VS2019发布

7.1、发布到IIS

7.2、通过命令行发布应用程序

7.3、（推荐）发布到本地文件夹，再用IIS指定发布的文件夹

7.4、预览发布效果

8、遇见问题回顾

https://www.cnblogs.com/laozhang-is-phi/p/beautifulPublish-mostBugs.html#autoid-3-1-0

这个博客记录的问题及解决方案比较全，可以作为参考。

8.1、报错：HTTP Error 500.31 - ANCM Failed to Find Native Dependencies

8.2、报错：Http Error 502.5 - Process Start Failure

8.2.1 方案一

8.2.2 方案二

下载对应版本的SDK地址：https://www.microsoft.com/net/download/archives

找到对应的大版本，然后里面有具体的版本信息。

8.2.3 方案三

8.2.4 方案四

由一二引发出来的方法。如果本机安装了低版本的SDK，此时可以下载微软官方的SDK安装包，解压之后，将 processPath=”dotnet”改成你安装的.NET CORE SDK路径。

<environmentVariables> 
  <environmentVariable name="ASPNETCORE_ENVIRONMENT" value="Development" /> 
</environmentVariables>

<?xml version="1.0" encoding="utf-8"?>
<configuration>
<location path="." inheritInChildApplications="false">
<system.webServer>
<handlers>
<add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
</handlers>
<aspNetCore processPath="dotnet" arguments="*.dll" stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" hostingModel="InProcess">
<environmentVariables>
<environmentVariable name="ASPNETCORE_ENVIRONMENT" value="Development" />
</environmentVariables>
</aspNetCore>
</system.webServer>
</location>
</configuration>
<!--ProjectGuid: 15af0485-b65a-422a-bf12-5877b85abb6c-->

8.4、.NET Core 发布时去掉多余的语言包文件夹

在 PropertyGroup 节点中添加如下的配置：

 <PropertyGroup>
    <!--只要不是语言包文件夹名称就行-->     
   <SatelliteResourceLanguages>en</SatelliteResourceLanguages>   
</PropertyGroup>

二、vue部署—iis新建网站方式

https://www.iis.net/downloads/microsoft/url-rewrite

1、部署Vue应用

我们vue项目中，执行yarn build或者npm run build。具体看你项目用的什么打包方式。

如果build成功，你会发现生成了一个dist静态资源文件夹。

2、创建web.config

将yarn生成的dist文件夹拷贝到随意位置，并添加以下web.config文件， 这个文件实际是我们在IIS Url-Rewrite module上配置的结果。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>
        <httpErrors>
            <remove statusCode="404" subStatusCode="-1" />
            <remove statusCode="500" subStatusCode="-1" />
            <error statusCode="404" path="/survey/notfound" responseMode="ExecuteURL" />
            <error statusCode="500" path="/survey/error" responseMode="ExecuteURL" />
        </httpErrors>
        <modules runAllManagedModulesForAllRequests="true"/>
    </system.webServer>
</configuration>

3、在IIS上部署Vue应用

点击确定

4、运行Vue应用

Nice！ 现在你的Vue静态应用就运行在IIS上。

But， 在前后端分离模式中，我们的Vue应用不仅有静态资源，还要发起动态api请求。

一般情况下webpack打包后的api请求路径是/, 会尝试请求同域名下api资源， 实际并不存在。

我们需要将对Vue应用的api请求代理到真实后端地址。

1. ReverseProxyInboundRule便是反向代理规则， 注意反向代理规则要在静态资源规则ResourceToIndex的前面。

1. 最后有个“停止后续处理规则”，一定要勾选，否则重写url会被后续相同规则所替换。

5.2. 配置app反向代理

这样我们就完成了在前后端分离开发模式下，使用IIS托管Vue应用的全过程。

三、vue部署—iis应用程序部署方式(二级目录部署)

此方式针对的是history路由，目前来看hash路由的话貌似不需要特殊部署，直接用第一种方法就行。

1、vue-router 路由的文件的配置，根据自己部署的二级目录填写

export default new VueRouter({
 mode:"history",
  base:"/vueTest",

2、在vue.config.js配置文件（如果没有新建一个，项目根目录下）

module.exports = {
　　publicPath:"/vueTest"
}

3、应用程序池选择DefaultAppPool或者无托管代码的应用池

如果没有无托管代码的应用池，可以自己创建一个。

4、页面刷新404问题插件安装

四、针对.net core + vue(history)前后端分离部署到iis服务器注意事项

1、前后端分离部署方式

1.1 .net core部署在网站的根目录下；vue部署在根目录的目录下，即网站根目录下的目录作为二级站点或子站点

1.1.1 .net core

以网站形式部署，由于后台接口不需要外网直接访问，把前端部署出去，然后利用url重写和反向代理访问接口。

1.1.2 vue

以应用程序形式部署在服务器80端口的二级目录下，目的是可供外网访问。

在处理url重写的时候需要对vue部署的上一级网站进行，而不是直接对应用程序url重写，这样是不生效的。

通俗解释：网站名称：DMS，vue以应用程序部署名称：examfront。

examfront的web.config：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
                    <match url="(.*)" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/examfront/" />
                </rule>
            </rules>
        </rewrite>
        <httpErrors>
            <remove statusCode="404" subStatusCode="-1" />
            <remove statusCode="500" subStatusCode="-1" />
            <error statusCode="404" path="/survey/notfound" responseMode="ExecuteURL" />
            <error statusCode="500" path="/survey/error" responseMode="ExecuteURL" />
        </httpErrors>
        <modules runAllManagedModulesForAllRequests="true" />
    </system.webServer>
</configuration>

DMS的web.config：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="vueapp" stopProcessing="true">
                    <match url="api/([_0-9a-z/-]+)" />
                    <action type="Rewrite" url="http://192.168.160.28:5002/{R:0}" logRewrittenUrl="false" />
                    <conditions>
                    </conditions>
                </rule>
            </rules>
        </rewrite>
        <httpErrors>
            <remove statusCode="404" subStatusCode="-1" />
            <remove statusCode="500" subStatusCode="-1" />
            <error statusCode="404" path="/survey/notfound" responseMode="ExecuteURL" />
            <error statusCode="500" path="/survey/error" responseMode="ExecuteURL" />
        </httpErrors>
        <modules runAllManagedModulesForAllRequests="true" />
        <staticContent>
            <mimeMap fileExtension=".woff2" mimeType="font/x-woff2" />
        </staticContent>
    </system.webServer>
</configuration>

1.2 .net core & vue均部署在根目录的目录下，即网站根目录下的目录作为二级站点或子站点

1.2.1 .net core

.net core我采用的是Furion框架，框架自动集成了.net core的二级目录，亦称虚拟目录。

框架官方文档：https://dotnetchina.gitee.io/furion/docs/virtual-deploy

采用.net5，所以采用如下配置，在appSettings.json文件中配置：

{
    "AppSettings": {
        "VirtualPath": "/虚拟目录"
        }
}

未使用框架的，可以百度搜索，或者直接看：

https://blog.csdn.net/codeex/article/details/104599929

https://blog.csdn.net/sD7O95O/article/details/80788866

1.2.2 vue

由于配置在同一个根目录下，无跨域。只需要接口配置正确即可。由于后端采用了虚拟目录，前端的接口需要增加你刚刚配置的虚拟目录路径，就可以访问成功啦。