本文档详细介绍了如何将基于.NET后端和Vue.js前端框架构建的应用程序部署到Windows服务器的Internet Information Services(IIS)上。涵盖了从准备工作、配置步骤到最终测试的各项细节,旨在帮助开发者顺利完成应用程序的上线过程。
在本段落中,我们将总结 IIS 部署 .NET + Vue 项目的知识点,涵盖从项目的基本环境到 API 的配置、HTTPS 的设置、Swagger 的使用等多个方面。
一、基本环境
我们需要准备好以下基本环境:
* .NET Framework 4.0
* IIS 6.0 或更高版本
* SQL Server 2014 或更高版本
* ASP.NET 版本:2.0 至最新版(如3.5, 4.0,或4.5)
* FileZilla Server
二、项目结构
在项目中,我们需要创建一个专门用于放置网站的文件夹以便于管理。可以创建两个子文件夹——h5 文件夹和 api 文件夹,并将相关代码按类别放入。
三、H5 配置
Vue 项目的路由配置包括 History 和 Hash 路由模式。使用 History 模式时,刷新页面会导致404错误;而Hash路由在地址栏中会显示#号。如果需要启用 HTTPS,则需进行以下 web.config 中的重定向设置:
```xml
```
四、API 配置
在 API 文件夹中,需要检查 appsettings.json 和 appsettings.Production.json 的内容是否一致,并确保生成发布后的文件完整性。同时,在连接字符串内添加 MultipleActiveResultSets=true 以支持多连接请求。
五、IIS 部署
部署网站时,请右键选择应用程序并进行 API 设置。配置 HTTPS 则需准备 SSL 证书,可以是单个域名或通配符的免费证书。
六、Swagger 配置
在 Startup.cs 文件中修改 app.UseSwaggerUI 的代码以实现 Swagger UI 功能:
```csharp
app.UseSwaggerUI(c =>
{
c.SwaggerEndpoint(/v1/swagger.json, ZCWebAPI v1);
});
```
七、Redis 设置
配置 Redis 服务器的 IP 和端口号等。
IIS 部署 .NET + Vue 项目需要注意的知识点包括基本环境搭建,项目的文件结构设计,前端页面路由设置及 HTTPS 的启用和重定向规则编写;后端 API 的发布与配置以及 Swagger UI 功能实现。此外还需要对 Redis 进行相应的服务器连接信息的设定等步骤。