Linux下宝塔部署 SpringBoot + Vue 前后端分离项目

      分享一下如何用宝塔简单快速部署线上 springboot +vue项目，我的服务器系统 :CentOS 7.6，需要安装宝塔可以直接按照官网的方法根据自己的系统进行安装

 官网地址:宝塔面板下载，免费全能的服务器运维软件

前后端分别打包

 SpringBoot 打包

        在pom.xml中添加插件 

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>


                <!--配置项用于指定 Spring Boot 项目的入口类-->
                <configuration>
                    <mainClass>com.easypan.Application</mainClass>
                </configuration>
            </plugin>
        </plugins>
    </build>

配置入口类根据自己项目指定，即启动类全路径

在启动类  右键 Copy Path.. ->Copy Reference  复制

• 项目打包

 idea插件打包，在IDEA右侧Maven Projects栏双击package等待Build Success即可，打包前双击clean清理旧缓存和配置的影响。

 打包完成后jar包会生成到项目里的target目录下，命名一般是 项目名+版本号.jar

可以在本地命令先运行一下jar包，看有无问题

java -jar 项目路径\jar包名.jar 

可以把配置文件也复制一份出来与jar包一起上传到服务器，需要改动配置文件频繁的话，执行时使用外部配置文件，方便修改，不需要在重新修改再打包一份上传

服务器上 加载外部配置文件 后台运行，{ 配置文件名，与jar包同目录 }

nohup java -jar epan-1.0.jar --spring.config.location= {application.properties} &

 Vue 打包

        进入项目根目录下 命令行执行

 npm run build

 在项目目录下里多了dist文件夹

dist文件夹就是要上传服务器的打包文件

上传打包文件

         宝塔左栏文件，新建一个放项目打包的文件夹，dist文件夹、jar包、spring boot配置文件，上传放一起，这里放/www/wwwroot下

安装应用

安装 nginx

安装最新版本

安装mysql

照以上操作安装

按需要 这里安装5.7版本

安装java

 spring项目其实不需要安装tomcat，宝塔在安装tomcat的时候会安装java环境，所以我们选择安装tomcat8。

其它

说明：以上是必须，还要根据自己项目所需要的应用下载到服务器上，比如redis；

软件商店里没有的去搜索下载方法

 配置数据库

新建数据库，然后导入脚本

这里作个例子，这里的库名 、用户名和密码， 要跟配置文件里设置的相同，或者再去改配置文件连接数据库的设置与这里一样，不然项目运行连不上数据库

建好后，点击导入，上传sql文件后导入

 在右侧工具看所上传的表

修改配置

修改数据库配置，在数据库配置那里配置的是啥，在配置文件里就修改成啥；还有一些配置文件里用到的 如项目目录，文件目录路径等修改；服务运行时修改外部配置文件关闭再启动生效

启动服务

启动后端服务

文件 进入到打包放置的文件夹下，右键终端，执行命令后台运行，按上传的 jar包 外部配置文件修改

nohup java -jar xxx.jar --spring.config.location=xxx &

例：

nohup java -jar easypan-1.0.jar --spring.config.location=application.properties &

关闭已经启动的服务

查看启动的服务

ps -ef | grep java

说明服务已经启动
杀死进程

 kill -9 24447

 修改外部配置文件后 关闭已启动的服务后再启动

配置nginx

1、查看nginx配置文件

cat /www/server/nginx/conf/nginx.conf

 

所以，将我们的配置文件放到 /www/server/panel/vhost/nginx/ 

2、创建  epan.conf文件，文件名自取 

server {
                listen 8011;
                server_name 192.168.220.135;
                charset utf-8;
                                location / { 
                                        #修改为放打包文件的目录
                                    alias /www/wwwroot/easypan-test/;
                                        try_files $uri $uri/ /index.html;
                                        index  index.html index.htm;
                                }

                                location /api {  
                                        proxy_pass http://localhost:7090/api;
                                        proxy_set_header x-forwarded-for  $remote_addr;
                                }
}

•  server_name 为服务器公网ip,有域名可以改为域名；
• listen为监听的端口，需在宝塔 放开端口
• alias 后接放打包文件的目录

        proxy_pass 为后端接口的端口，可以不用改，启动命令加上 --server.port=7090；

location /api { } 不需要加，看项目的前后端的请求方式，并做跨域设置；这里是对此所部署的项目 在前端会发起带 /api  的请求 转发到后端的接口上；

nginx 重新加载 执行

 cd /www/server/nginx/sbin/
 ./nginx -s reload

 

 放开端口

上面nginx配置的端口是多少，就对应的放开，这里我们放开  8011，

同时，自己的云服务器上也要配置；进入服务器实例，更改安全组，手动添加，添加8011端口

这样就可以通过ip+端口号线上访问   例：http://192.168.220.135:8011/