将本地项目部署到linux服务器(docker容器)上运行实例(前端vue+后端java)

本篇文章使用服务器为虚拟机/docker容器

1.前端项目

注:这里的前端项目为vue项目
vue项目打包
打开cmd/gitbash/工具自带指令框(都可)
输入npm run build 打包
在这里插入图片描述
打包后项目中会出现一个dist文件夹,下面分别有一个static目录和一个index.html
将static目录和index.html放入虚拟机对应装好的nginx容器中,具体位置为nginx配置的root位置:
指令如下:docker cp 本地文件地址 容器ip:容器指定地址
在这里插入图片描述
之后重启nginx即可:./nginx -s reload
在本地hosts文件将服务器配置的ip和server_name添加进去(C:\Windows\System32\drivers\etc\hosts)
如图所示

配置好即可在浏览器通过访问ip或者server_name来访问前端页面了(如果nginx配置没问题)

2.后端项目

项目打包
如图所示:package打包,打包后可在target目录下找到打好的jar包
在这里插入图片描述
将项目jar包放入创建好的jdk容器中(注:如果打的是war包,则需要容器装有tomcat)

在容器中运行项目:java -Dfile.encoding=utf-8 -jar jar放置的地址/项目名.jar
在容器外(虚拟机)运行项目:docker exec -d dm-eureka-server nohup java -Dfile.encoding=utf-8 -jar jar放置的地址/项目名.jar

注:在容器内运行时,可使用ctrl+c停止项目,容器外则不可以,需要进入容器通过ps -ef|grep java查找到当前进程,通过kill -9 进程号停止进程

此外:在容器内运行时,控制台可看到运行状态,在容器外运行则看不到,需要调试的情况下可使用容器内运行来检查

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值