nginx部署vue+springboot

本文详细介绍了如何将Vue项目与SpringBoot后端服务进行联调部署的全过程,包括Vue项目的打包、Nginx配置修改、SpringBoot项目打包及后台运行等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.vue项目打包,如下

今天vue项目目录

npm install

npm run build:dep

打包后会生成静态页面,在项目根路径的dist文件夹下面

  1. 将该文件夹上传到nignx服务器的html目录下
  2. 修改nginx配置文件,我这里是/www/server/nginx/conf/nginx.conf
  3. 注:端口号后面的/一定要加上
  4. vue里面的反向代理config/index.js里面
  5. vue里config/dep.eve.js
  6. 访问域名成功
  7. 注意:我这里使用后端使用的是springboot,所以需要先将springboot项目打包,maven install 
  8. 部署springboot项目,启动
  9. java -jar 项目打包名称 &
  10. 上面这种方式关闭终端窗口或者ctrl+c退出后项目就停止了,为了让项目在后台运行,换种方式启动
  11. nohup java -jar 项目打包名称 &
  12. 直接java -jar TestHttps-0.0.1-SNAPSHOT.jar的话是前段启动,但是窗口关闭之类的程序也就关闭了

    我们可以nohup java -jar TestHttps-0.0.1-SNAPSHOT.jar &

    nohup是保证后台启动,就是关闭窗口程序任然在运行默认将日志打印到nohup,&产生作业编号就是那个 [1] 19649,nohup要和&一起用才能保证关闭窗口程序任然在运行

    用jobs命令查看后台运行,fg + 编号调到前段来

    ctrl + c就可以结束进程了,产生的日志文件log.out或nohup.out都在jar包的同一目录下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值