Springboot+vue项目 打包部署问题汇总

2023-03-23 Views825字4 min read

打包

  1. springboot项目打包
    • 后端打包,如果提示没有主类,可以在pom文件里面添加mainclass标签,添加主类
    • 打包时让项目先运行,然后在maven里面,先运行clean,再运行compile,再运行package,最后在target文件夹下,通过命令行运行jar包,运行命令java -jar xxx.jar 如果提示端口占用,就关闭idea运行的程序,重新通过命令行运行jar包
  2. vue项目打包
    • 如果项目要上传服务器,需要就后端传输数据的axios地址 改为http://服务器ip地址:端口号
    • 项目打包用npm run build 命令,运行命令会生成dist文件夹
    • 本地演示,需在命令行,输入npm install -g live-server 全局安装live-server插件,然后进入dist文件夹,在终端输入 live-server 这时配合后端,项目可以在本地运行起来

部署后端(云服务器+宝塔)

  1. 购买云服务器,在安全组开放端口,需包括服务器后端端口,数据库端口,宝塔运行界面端口等
  2. 通过shell软件远程连接服务器,安装宝塔
  3. 登录宝塔网站后台,配置基本环境,在宝塔安全组放行,后端端口等
  4. 在宝塔软件商店安装,搜索Java,安装Java项目管理
  5. 配置jdk
    • 下载jdk,通过宝塔软件上传到文件
    • 切换到/user/local目录,在该目录下建立java这一子文件夹
    • 切换到jdk压缩包所在位置,解压压缩包到第二步建立的文件夹中去
    • 下面进行环境变量的配置,首先在/etc/profile.d目录下新建一个java.sh脚本
    • 通过宝塔设置,给该文件赋上可写和可执行权限
    输入export JAVA_HOME=/usr/local/ java/jdk1.8.0_181(注意此文件名与你的要一样)
    export PATH=$PATH:$JAVA_HOME/bin
  • 然后使用source命令执行该脚本
        source java.sh
  • 这时输入java -version 就可以看到java版本了
  1. 在宝塔网站页面,选择Java项目管理,添加JDK,选择好bin里的java,点击添加JDK
  2. 在www/wwwroot目录下,新建项目文件夹,比如https , 上传JAR包到这个文件夹里
  3. 在网站页面,添加Java项目,将项目用户改为root
  4. 在Java项目设置里面看到,项目日志

部署数据库

  1. 在宝塔数据库页面,首先修改root密码,与项目本地密码一致
  2. 然后添加数据库。数据库名与本地一致,用户名随便输,不能是root,访问权限就是本地服务器
  3. 然后点导入,导入本地sql文件,点管理可以通过phpadmin 看到数据表

部署前端

  1. 将dist文件夹压缩,上传到www/wwwroot目录下,新建项目文件夹,比如https下面
  2. 解压,将解压后的文件,移动到https文件夹下面
  3. 在网站里面,选择PHP项目,域名选择服务器地址,其他不需要变动,提交
  4. 提交后,在设置里面。选择网站目录改为www/wwwroot/https 点击保存,下面根目录不变,点击保存
  5. 这样前端也部署成功,输入服务器ip地址,就可以访问首页
EOF