1.打包后端项目
使用maven Lifecycle的Package功能来打jar包,
打包成功后在target目录下会看到.jar结尾的包,使用xshell软件连接阿里云服务器然后使用xftp把jar包传输到服务器。
使用java -jar 项目路径(例如: /home/demo.jar) 来运行后端项目
打印日志即为成功运行,也可以使用服务器地址加端口号访问后端接口测试。
2.打包Vue项目
首先我们要明确,我们使用Nginx代理后端,那么我们的前端请求路径将要修改为代理路径,base_url的端口号应该改为代理端口号,并且请求路径都加上一个统一的标识来拦截去往后端的请求,这个统一标识在下面Nginx配置中还要用到
首先打开package.json文件查看打包命令
我这里是运行 npm run build
成功会显示如下,并生成dist文件夹
同样的方法,我们使用xftp将dist文件中的内容传输到我们事先创建好的文件夹。
全部搞定后,咱们开始最关键的Nginx配置过程
运行 whereis nginx //找到nginx安装位置
进入nginx的配置文件
运行 vim /usr/local/nginx/conf/nginx.conf
下面第一个location 代理的是Vue,第二个location 代理的SpringBoot 其中 /babyShop 是vue中定义的后端请求统一标识
配置完成后运行 nginx -t 检验配置是否出错
然后运行 nginx -s reload 重新加载 Nginx
测试成功
补充一下,如果后端项目想要后台一直运行执行下面的命令,其中log.log是事先创建的日志文件
nohup java -jar demo.jar >log.log 2>&1 &
想要关闭项目可以通过kill线程
ps -ef|grep java
kill 对应线程号