1、连接服务器
2、在服务器上安装JDK,命令:yum install java

3、在后端terminal打包服务端程序:命令mvn clean package -Pprod,swagger -DskipTests
成功的截图:

4、上传并运行服务端程序:命令 java -jar lesson-4-0.0.1-SNAPSHOT.jar

-
服务端运行截图:
image.png
5、修改客户端请求,使用相对地址:

6、打包客户端程序,在前端命令中输入:命令ng build --prod

7、服务端安装Nginx
输入命令: yum install nginx
8、将客户端包上传到Nginx的Html目录/usr/share/nginx/html中
- 打包后的代码在dist里面,将dist里面的文件放在html中
9、修改服务器Nginx反向代理,/etc/nginx中的nginx.conf文件

10、访问客户端程序,正确获取数据

-
重新启动后端:
image.png
-
运行结果
image.png
网友评论