Vue+SpringBoot项目部署服务器上线之路

Vue+SpringBoot项目部署服务器上线之路

前端操作

1. 前端vue项目使用命令 npm run build 或者 cnpm run build 打包生成dist文件，

   const devUrl = 'http://127.0.0.1:8081';//119.3.218.205  127.0.0.1
   //设置proUrl为服务器ip
   const proUrl = 'http://119.3.218.205:8081';
   
   
   export default {
     apiUrl : __DEV__ ? devUrl : proUrl,
     apiPrefix : "CarRentServer",
     gitHub : 'https://github.com/xusenlin/ElementUIAdmin'
   }
   

SpringBoot操作

1. 在springboot项目中resources下建立static文件夹，将前端的dist文件中的文件复制到static中，然后去application中跑起来boot项目，这样直接访问index.html就可以访问到页面（api接口请求地址自己根据情况打包时配置或者在生成的dist文件中config文件夹中的index.js中配置）将SpringBoot项目的数据库url和密码修改为服务器上的

2. 修改后端项目中配置的数据库Url和密码 设置为服务器的

3. pom文件添加一行 --> 添加jar

   <parent>
       <groupId>org.springframework.bootgroupId>
       <artifactId>spring-boot-starter-parentartifactId>
       <version>2.2.2.RELEASEversion>
       <relativePath/> 
   parent>
   <groupId>com.ltqgroupId>
   <artifactId>carrentserverartifactId>
   <version>0.0.1-SNAPSHOTversion>
   <name>CarRentServername>
   
   <packaging>jarpackaging>
   
   <description>汽车租赁管理系统description>
   

4. 删除项目的 target内容

   

5. 执行打包操作

   

服务器操作

1. 将target中的jar包使用Xftp工具发送到服务器上（目录随便建立）我在主目录建立了一个car文件夹 jar包发送到此处 jar包名: carrentserver.jar
2. 执行 cd /car到达jar包所在目录
3. 执行 ls 查看文件夹下所有文件
4. 执行 nohup java -jar carrentserver.jar
5. 在浏览器上访问即可 http://119.3.218.205:8081/CarRentServer/index.html

重新部署注意

1. 重新部署替换jar包后 需要关闭使用的端口

   //查看端口
   netstat -tunlp | grep 8081
   
   //显示
   tcp6       0      0 :::8081                 :::*                    LISTEN      3064/java 
   
   //说明8081端口被占用 PID为3064
   
   //关闭端口
   kill -9 3064
   

2. 关闭端口后再次执行 nohup java -jar carrentserver.jar 即可