ASP.NET Core 入门（4）（IIS 部署前后端站点）

.NET Core发布部署的文章园内有很多了，大家可以自行百度，该篇主要想总结需要注意的地方，列举前后端（比如前段 Vue，后端 WebAPI）在同一台服务器上的主要两种方式。

两种方式：

1. 前后端不同站点,。（也就是两个端口）

2. 前后端一个站点。（只需要一个端口）

在部署环境上下载安装SDK，注意下载的版本一定要和你编译使用的版本一致，不然部署到IIS会报错。

Runtime（winth hosting） +  SDK： https://dotnet.microsoft.com/download

---

 

前后端不同站点

// NetCore 后端部分

0、编译项目，保证代码没问题，并配置 CORS 跨域服务；

app.UseCors (builder => builder
                .AllowAnyOrigin ()
                .AllowAnyMethod ()
                .AllowAnyHeader ()
                .AllowCredentials ());

①、发布项目；//一般 publish 路径是 bin/Debug/netcore2.2

②、拷贝到服务器指定文件夹；

③、IIS 添加站点；// 端口 1001

④、修改应用程序池为“无托管”；//这也是为啥要安装 windows hosting 的原因

⑤、安装 windows hosting（服务托管）；//这是一个捆包，已经包含 Runtime

⑥、重启项目，查看是否正常；http://localhost:1001/

// Vue 前端部分

①、Build 项目；

②、拷贝到服务器指定文件夹；

③、IIS 添加站点；// 端口 1002

④、运行项目，查看是否正常；http://localhost:1002/

前后端一个站点

操作步骤和上边的其实是几乎一样的，只不过我们不需要配置 CORS 跨域了，因为是同一个站点，且是只需要一个端口号。

// NetCore 后端部分，和上边的几乎一样，只不过不用进行 CORS 跨域设置

①、发布项目；

②、拷贝到服务器指定文件夹；

③、IIS 添加站点；// 端口 1003

④、修改应用程序池为“无托管”；//这也是为啥要安装 windows hosting 的原因

⑤、安装 windows hosting（服务托管）；//这是一个捆包，已经包含 Runtime

⑥、重启项目，查看是否正常；http://localhost:1003/

 

// Vue 前端部分

①、修改根路径，并且 Build 项目；// 还要修改接口api的路径

②、拷贝到服务器指定文件夹；//可以和 core 项目放到一起

③、修改 Core 的 IIS 站点，在它的站点内，嵌套一个vue站点（在Core的IIS站点右键选择“添加应用程序”）；// 取名为 Vue

④、运行项目，查看是否正常；http://localhost:1003/vue/

 

转载于:https://www.cnblogs.com/wybin6412/p/11125203.html