xshell部署springboot+vue项目到阿里云服务器

xshell部署springboot+vue项目到阿里云服务器

一、 前言

今天尝试了一下部署Springboot+vue前后端分离的项目到服务器,现在向大家分享一下我部署的过程。

二、项目部署

首先我们要把vue项目打包就是输入 npm run build 但是再打包之前我一般会把前端axios发请求的地址改成阿里云服务器的公网地址。

xshell部署springboot+vue项目到阿里云服务器_第1张图片
在这里插入图片描述

打包完成后我们会发现自己的项目多了一个dist文件夹

在这里插入图片描述
xshell部署springboot+vue项目到阿里云服务器_第2张图片

我们复制dist文件夹里面的所有东西,然后找到自己springboot项目所在的目录,在它的src->main->resources文件夹下创建一个static目录

在这里插入图片描述

然后把刚刚vue打包生成的dist文件夹里面的东西都复制到static文件夹下面来

xshell部署springboot+vue项目到阿里云服务器_第3张图片

然后我们在idea里面进行打包

xshell部署springboot+vue项目到阿里云服务器_第4张图片

如果package错误,很有可能是maven-plugin和springboot版本冲突可以试着改变maven-plugin的版本试试下面附上我自己的配置


        
           
                  org.springframework.boot
                  spring-boot-maven-plugin
            
            
                org.apache.maven.plugins
                maven-resources-plugin
                2.7
                
                    
                        org.apache.maven.shared
                        maven-filtering
                        1.3
                    
                
            
        
 

 


然后打包完成后会发现springboot项目的target文件夹下会多了一些文件

xshell部署springboot+vue项目到阿里云服务器_第5张图片

我们找到哪个jar包利用xftp传到自己的服务器

xshell部署springboot+vue项目到阿里云服务器_第6张图片

然后在服务器输入nohup java -jar 包的名字 来运行这个jar包,当然这个项目用到的端口号自己要打开。

三、结尾

自己的一些学习,如有不对的地方,请指出,谢谢大家!

你可能感兴趣的:(SpringBoot,vue,java,服务器,spring)