美文网首页Java互联网科技Java 杂谈
教你发布vue+.netCore项目到服务器

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

作者: java欧阳丰 | 来源:发表于2019-07-18 14:35 被阅读1次

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

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

一..netCore 项目发布

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

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

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

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

image

1.3迁移数据库到线上

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

image

1.4发布本地项目

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

image image

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

二.Vue前端发布

2.1 修改IPConfig配置

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

2.2 发布前端项目

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

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

三.部署线上服务器环境

3.1发布网站

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

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

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

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

image image

3.2修改权限

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

3.3安装.netCore环境

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

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

下载后安装

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 进程失败

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

解决办法:

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

image

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

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

相关文章

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

    最近一直在做项目,发布部署的事情都是同事或者老大做的,无奈什么事都要自己尝试经历后才能记住,所以发布的事情轮到我了...

  • 部署一个完整的项目到docker(四)

    发布到dockerhub 或者发布到私有docker服务器 调试整个项目运行没有问题后,将项目发布到docker ...

  • Maven发布项目到tomcat

    Maven发布项目到tomcat 本文介绍如何通过Maven将项目发布到tomcat服务器中,包含发布到本地机和远...

  • Spring Boot 项目自动发布

    Spring Boot 项目自动发布 Spring Boot 项目自动发布专题简介准备工作编译和发布同步到服务器总...

  • 新服务器到项目发布

    新服务器相关配置 基本配置版本服务器类型 Ubuntu20.04桌面版jdkjdk-8u191-linux-x6...

  • 2018-11-30

    Springboot maven项目打包发布到远程服务器流程: 1.配置pom环境 dev ...

  • JSP端服务器端页面技术

    JSP端服务器端页面技术 JSP:Java Server Pages Java服务器页面,发布的项目翻译到work...

  • 创建Cocoapods私人仓库

    之前有一篇介绍了怎么创建私人项目手把手教你创建podspec,创建成功之后进行发布。最终发布到Cocoapods官...

  • springboot项目发布到tomcat服务器

    今天用springboot新建了一个项目,是用IDEA的spring Initializr生成的,在本地用内嵌的t...

  • IDEA打包项目到服务器发布

    系统初步完成后,需要把项目打包放到甲方的服务器上上线以供他们使用。这时候,就需要把自己的程序打包好,然后发布出去。...

网友评论

    本文标题:教你发布vue+.netCore项目到服务器

    本文链接:https://www.haomeiwen.com/subject/yurllctx.html