教你发布vue+.netCore项目到服务器

最近一直在做项目,发布部署的事情都是同事或者老大做的,无奈什么事都要自己尝试经历后才能记住,所以发布的事情轮到我了,由于是第一次发布部署项目到一个新的服务器环境,难免会遇到各种各样的问题,总结下来,希望可以帮到需要的人。

项目框架使用的是vue+.netCore2.2所以发布的时候需要前后端分开发布,遇到的问题是挺多的,不过对自己来说也算是一种经历吧。

一..netCore 项目发布

1.1 修改环境配置为线上服务器的数据库地址

将网站下的三个json文件的数据库配置修改为线上的数据库环境

教你发布vue+.netCore项目到服务器_第1张图片

1.2设置启动项,迁移数据库

将项目内的Migrator设置为启动项目,并修改项目下app.settings.json的连接字符串为服务器的IP,登录名和密码为线上数据库的登录名和密码

教你发布vue+.netCore项目到服务器_第2张图片

1.3迁移数据库到线上

F5启动项目,会弹出提示 是否将数据库迁移到线上服务器地址,输入 “y”即可将数据库迁移到服务器

教你发布vue+.netCore项目到服务器_第3张图片

1.4发布本地项目

重新将启动项目设置为Middleware.Web.Host,并点击发布按钮。将项目发布到自己选定的文件夹

教你发布vue+.netCore项目到服务器_第4张图片

教你发布vue+.netCore项目到服务器_第5张图片

至此,本地.netCore 项目发布完成

二.Vue前端发布

2.1 修改IPConfig配置

vue前端发布之前,需修改IPConfig.js下的remoteUrl和baseUrl,即前后端的地址配置为服务器的IP地址。将localhost 替换为 服务器的IP地址

教你发布vue+.netCore项目到服务器_第6张图片

2.2 发布前端项目

使用命令行 发布 vue项目 终端–新建终端 输入 命令 npm run build 回车之后,会在本地项目的目录下生成一个dist文件夹

教你发布vue+.netCore项目到服务器_第7张图片

教你发布vue+.netCore项目到服务器_第8张图片

打开本地项目文件夹,找到dist文件夹,拷贝出来。至此本地的vue项目已发布成功。

三.部署线上服务器环境

3.1发布网站

将前端发布的dist文件夹和后端发布的文件夹一并拷贝到服务器上。打开IIS,添加前后端网站

Window+R 启动运行 程序 输入 mstsc 打开远程连接 输入远程桌面IP和登录名密码。进入远程桌面连接。

添加网站:网站名称,物理路径,修改端口号为前后端项目对应的端口号。

这里.netCore网站的应用程序池.NET CLR版本要改为 无托管代码

教你发布vue+.netCore项目到服务器_第9张图片

教你发布vue+.netCore项目到服务器_第10张图片

3.2修改权限

点击文件夹 右键 属性–安全设置 添加Everyone和IIS_IUsr的权限控制为允许全部

教你发布vue+.netCore项目到服务器_第11张图片

教你发布vue+.netCore项目到服务器_第12张图片

3.3安装.netCore环境

安装.netCore所需要的环境 .netCoreruntime 和.netCore Hosting 附官网下载地址

https://dotnet.microsoft.com/download/dotnet-core/2.2

教你发布vue+.netCore项目到服务器_第13张图片

下载后安装

3.4安装vue环境

安装vue所需环境,urlrewrite,即url重定向,防止刷新页面导致的404URL不存在的错误。

四.常见的一些错误和解决办法

4.1 500.19

HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效。

原因:环境未安装完毕

解决办法:重启IIS,确保前后端所需的环境都已安装完毕。

4.2 依赖错误

windows系统中Dotnet core runtime 安装后,无法启动次程序,因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dll的解决方法
原因:dotnet core runtime依赖vc++2015,如果系统未安装vc++2015则会报上面的错误

解决办法:先下载安装vc++2015再安装dotnet core runtime

4.3 502.5 进程失败

教你发布vue+.netCore项目到服务器_第14张图片

原因:后台数据库配置错误或者环境未安装完毕。

解决办法:

修改.netCore项目下web.config stdoutLogEnabled=”True”,然后手动新建logs文件夹,重新启动网站,会在logs文件夹下生成一个stdoutLog的txt文件,打开即可看到详情的错误信息,对照修改为正确的配置即可。

image

到此,从本地发布到一台新服务器的过程就结束了。不得不感叹,感觉还是撸代码好点,哈哈。

自己经历过,才能对过程更加深刻。所以有些事只有自己亲自动手去尝试,会记得更牢固,以后遇到同样的问题就能解决了。

你可能感兴趣的:(程序员,项目,程序员)