超详细SpringBoot+vue项目部署到阿里云服务器上

1.springBoot部署到阿里云

1.1 导出sprigBoot项目

打开idel 在控制台输入:

mvn install -Dmaven.test.skip=true

出现这个就是打包成功 你会在target目录看到打包好的jar包 没有target目录记得检查是否在设置里开启Show EXclude Files 选项

1.2 将jar文件上传至服务器

打开XFTP 连接服务器

XFTP下载可以参考: .

查看jar包 将jar包拖入创建好的文件夹,等待上传 这样就是上传成功 将文件打包到服务器上 使用Xshell连接服务器 进入我们刚刚打包jar的目录 创建application.properties文件

    打开idel 复制idel中的application.properties文件 粘贴到刚刚创建的application.properties文件 保存

1.3 部署后端文件

    查看java进程
ps -ef | grep java
    结束其他进程
kill -9 -结束进程名字
    使用守护进程运行项目
nohup java -jar -Dspring.config.location=./application.properties online_xdclass-0.0.1-
SNAPSHOT.jar &
    查看是否运行成功
tail -f nohup.out
    测试是否连接成功
curl 阿里云ip+端口/目录

注意:要去阿里云开放你项目需要的端口! 到这里我们的springBoot项目就已经部署好了

2. Vue项目打包到服务器上

2.1 导出vue项目

注意:在打包之前请先修改request.js文件 打开终端控制台 输入:

cnpm run build

如图: dist为打包好的项目

2.2 将vue项目上传至服务器

3. 部署前端

修改nginx配置文件 如果没有下载nginx,可以参考: .

    先进入nginx 文件目录 进入conf 使用vim编辑 nginx.conf配置文件 - 修改server

修改配置如下

    进入/sbin目录 重启nginx 服务
./nginx -s reload

到这里我们前后端都已经部署成功了

经验分享 程序员 微信小程序 职场和发展