vue前后端分离项目,打包部署到阿里云服务器。_若以前后端分离是打包admin部署吗-程序员宅基地

技术标签: 阿里云  阿里云部署  服务器  vue.js  

提醒:这里默认你已经配置好阿里云,例如开放安全组的端口号,宝塔面板中也要开放,配置了nginx;并且安装有mysql数据库,redis,nginx等必备的软件。
第一,打包前端代码,在终端使用命令行方式打包。
①选择需要打包的前端文件,右键
在这里插入图片描述
②在终端处,输入命令:npm run build:prod。如下图
在这里插入图片描述③出现dist文件,证明打包成功。
在这里插入图片描述
第二、打包后端代码,使用maven的package工具打包admin代码即可。
①选择maven工具
在这里插入图片描述
②点击package打包后端代码
在这里插入图片描述
③打包成功
在这里插入图片描述
第三,上传前端和后端代码到阿里云服务器,上传的方式有很多种,这里使用宝塔面板-文件上传方式。
①选择需要上传的文件
在这里插入图片描述
②上传成功
在这里插入图片描述
第四,在终端处运行后端代码。
①点击终端
在这里插入图片描述
②安装nohup:yum install coreutils。nohup使程序在服务器后台执行,方便运行后端代码。安装过程中会让你确认是否更新包,按y,继续安装即可。
hu
安装过程中会让你确认是否更新包,按y,继续安装即可。
在这里插入图片描述
③运行后端代码输入命令:

nohup java -jar zyy-admin.jar > /dev/null 2>&1 &
备注,后端代码打的jar名称:zyy-admin.jar jar

④查看运行情况,查看命令:ps -ef | grep java
在这里插入图片描述
⑤下线项目
1)查看项目运行进程号,查看命令:ps -ef | grep java
2)结束该进程:kill -9 xxxx.注意,xxxx:进程号
在这里插入图片描述
3)删除前端代码。删除命令rm -rf dirname;rm:移除,-r:递归移除,即删除该文件夹下所有的东西;-f:-f 直接强行删除,不作任何提示的意思;dirname:需要删除的文件名称,此处为前端代码dist。
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Self_discipline8/article/details/123016142

智能推荐

html 图片缩放控件,img图片放大控件 lightbox.js-程序员宅基地

文章浏览阅读193次。【SQL Server】数据库是单个用户的 无法顺利进行操作 怎么解决1.打开数据库 2.新建查询 ,输入以下的SQL 语句 DECLARE @SQL VARCHAR(MAX); SET @SQL='' SELECT @SQL=@SQL+'; KILL '+RTRIM( ...泛函编程(10)-异常处理-Either上节我们介绍了新的数据类型Option:一个专门对付异常情况出现时可以有一致反应..._html 图片缩放控件

阿里云ECS Linux 如何查看Tomcat启动后的端口号_阿里云tomcat查看端口-程序员宅基地

文章浏览阅读1.9k次。1、先到tomcat配置文件查看tomcat的端口是什么,配置文件一般是:$CATALINA_HOME/conf/server这个文件,查找 这一行。这里,端口是8080。 2、使用netstat 命令查看占用情况 netstat -ap |grep 8080 //查找tomcat端口是否被占用 3、其他 netstat -tln //表示以数字形式查看正在监听的端口netsta..._阿里云tomcat查看端口

鸿蒙系统海外发布,华为海外申请鸿蒙系统商标,正式发布的日子还会远吗?-程序员宅基地

文章浏览阅读243次。据gsmarena消息,华为已向欧盟知识产权局提交商标申请,将华为的自主研发操作系统鸿蒙OS申请商标为“Harmony”,具体的申请日期为2019年7月12。此外之前出现的“Ark”,将成为鸿蒙系统在全球市场上的代号。值得一提的是,这一项申请的备注是移动操作系统;电脑操作系统;可下载的操作系统程序。也就是说,根据此前华为的表态,鸿蒙系统是为物联网开发的,主要是用于自动驾驶、远程医疗等低时延场景。然..._面向国外系统备注

android studio直接运行react-native项目时报错,react-native run-android正常_android studio terminal无法实现rn-程序员宅基地

文章浏览阅读1.1k次。android studio直接运行react-native项目时报错make sure you're either running a metro server(run 'react-native start')解决办法:You haven't started the bundler yet. Runnpm startorreact-native startin the ro..._android studio terminal无法实现rn

eclipse c++ 常用快捷键_eclipse c++ 开发 快捷键-程序员宅基地

文章浏览阅读3.7k次。atl+/ //自动补全ctrl+/ //注释,或者去注释ctrl+shift+F //代码整理F3 或者 ctrl+鼠标左键 //跳转到定义或者声明F2 //tooltip显示定义atl+left // 向后定位atl+right //向前定位_eclipse c++ 开发 快捷键

iis隐藏.php后缀,iis隐藏index.php-程序员宅基地

文章浏览阅读193次。iis隐藏index.php的方法:首先安装微软的URL Rewrite模块;然后查看url重写模块;接着点击导入规则;最后填入重写规则,并点击右侧“应用”提交即可。推荐:《PHP视频教程》该方法适用于所有品牌电脑。iis隐藏index.php方法:1.先安装微软的URL Rewrite模块 网址是https://www.iis.net/downloads/microsoft/url-rewrit..._宝塔iis伪静态隐藏后缀

随便推点

linux uvc协议_UVCCamera-master-程序员宅基地

文章浏览阅读261次。文件名大小更新时间UVCCamera-masterUVCCamera-master\.gitignore9412017-04-17UVCCamera-master\.ideaUVCCamera-master\.idea\compiler.xml6862017-04-17UVCCamera-master\.idea\encodings.xml1592017-04-17UVCCamera-master..._uvcpreview.cpp 下载

Flutter中使用GridView显示图片出现图片未填充满问题_flutter的image.network使用boxfit.contain后宽度不全-程序员宅基地

文章浏览阅读1.6k次。1、问题描述:Flutter中使用GridView显示图片出现图片未填充满问题2、解决办法:Image组件设置三个属性即可填充满fit: BoxFit.cover,width: double.infinity,height: double.infinity,3、代码样式: Image( fit: BoxFit.cover, width: doub..._flutter的image.network使用boxfit.contain后宽度不全

基于Processing的动画交互_processing交互作品源代码-程序员宅基地

文章浏览阅读1.5w次,点赞30次,收藏259次。基于processing的动画交互基本介绍总览结果分部设计及源代码1、 添加字体2、球随鼠标3、两个对象之间的引力4、小型粒子系统心得想法基本介绍大致看了《代码本色》这本书之后,在原有的编程经验的基础上,对于在processing中添加交互有了心得认识,于是按照老师要求,写了一个简单的动画交互系统。整个系统运用了《代码本色》中力、震荡、粒子系统三大章,生成了各自独立的三个小场景,通过键盘的交..._processing交互作品源代码

批量图片压缩、生成PDF文件及PDF文件压缩_照片压缩pdf-程序员宅基地

文章浏览阅读1.7k次。工做任务:每次将若干张JPG图片(每张图片文件0.5M~1M,图片尺寸A4纸尺寸大小),合并成小于1M的PDF文件,并保证一定的清晰度。一、PDF压缩工具1、FoxitPDFEditor软件——文件——PDF优化——优化扫描的PDF,输出结果比较清晰,但PDF文件仍达4M,达不到要求。2、PDF Compressor pro软件,虽然压缩速度较快,但输出文件大小仍达3M以上。二、对图片进行..._照片压缩pdf

计算机上的32位是什么意思啊,解答32位是什么意思-程序员宅基地

文章浏览阅读2.6w次,点赞11次,收藏27次。近来有不少网友询问电脑中的32位是什么意思。我们在安装操作系统的时候,经常会被问到电脑是32位还是64位这个问题,可是我们连32位的意思都不懂,怎么能选择一个合适的操作系统呢?对此,我给大家整理了32位的相关介绍,赶紧来瞧瞧吧现在家家户户都配置了电脑,但是很多朋友对于电脑方面的知识却不怎么了解。比如现在的电脑分为32位和64位。有些小伙伴不知这是什么意思。接下来,我就给大家介绍一下32位到底是什么..._32位是什么意思

FFT并行算法与应用-基于MPI(三)-程序员宅基地

文章浏览阅读7.8k次,点赞2次,收藏14次。给出针对一维FFT的并行计算方法,并针对其加以分析推广到二维FFT的计算中。 并行FFT算法: (1)计算长度为p和n/p2的按位倒置序列; (2)进行处理机内部的数据交换和外部的数据交换; (3)在每个处理机中计算长度为s的FFT交换; (4)将这些长度为s的FFT变换合成为长度为n的FFT变换;代码:#include #include #include #inc_fft并行算法

推荐文章

热门文章

相关标签