• Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio


    步骤:

    一、拉git仓库代码

    1.复制git仓地址

    在这里插入图片描述

    2.在Linux系统中拉取代码

    git clone http://192.172.0.16:10000/hanli/woniu-affair.git
    
    • 1

    在这里插入图片描述

    二、打包Java项目并运行

    1.打包

    进入Java项目的pom文件所在目录下,打包Java项目:

    mvn install
    
    • 1

    在这里插入图片描述
    最后出现以下界面表示打包成功
    在这里插入图片描述

    • 注意,如果出现提示:-bash: mvn: command not found。就需要按以下内容安装并配置maven
    1、安装 wget 命令:
     yum -y install wget
     
    2、下载maven安装包
    wget http://mirrors.cnnic.cn/apache/maven/maven-3/3.5.4/binaries/apache-maven-3.5.4-bin.tar.gz
    
    3.解压maven安装包
    tar -zxvf apache-maven-3.5.4-bin.tar.gz
    
    4.配置maven: vim /etc/profile
    在配置文件配置中加上:
    export MAVEN_HOME=/opt/apache-maven-3.5.4 (这个目录换成你的 maven 解压后的文件所在目录)
    export PATH=$MAVEN_HOME/bin:$PATH
    让文件生效,刷新配置文件 :
    source /etc/profile
    
    5.查看maven 版本:
    mvn -version
    或者
    mvn -v
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20

    最后可以查看mvn版本即为安装成功
    在这里插入图片描述

    2.启动打包好的Java项目

    打包的目录下,打包后会出现一个target目录,进入目录可以看到打好的jar包
    在这里插入图片描述
    使用java -jar springboot-affair-0.0.1-SNAPSHOT.jar命令运行Java项目

    java -jar springboot-affair-0.0.1-SNAPSHOT.jar
    
    • 1

    在这里插入图片描述

    三、部署前端vue项目并运行

    新开一个Linux命令窗口

    1.打包

    进入拉取下来的前端代码所在的src目录下,输入npm run build命令

    npm run build
    
    • 1

    在这里插入图片描述
    出现Build complete即为编译成功
    在这里插入图片描述

    • 注意1,如果出现提示:-bash: npm: command not found。就需要按以下内容安装并配置npm
    1、下载nodejs稳定版
    curl -sL https://rpm.nodesource.com/setup_lts.x | bash -
    2、安装nodejs
    yum install -y nodejs
    3、查看node、npm版本(安装成功)
    # 查看node版本
    node -v
    # 查看npm版本
    npm -v
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    最后可以查看npm版本即为安装成功
    在这里插入图片描述

    • 注意2:如果运行npm run build,报错sh: vue-cli-service: command not found;运行npx vue-cli-service build,报错
    npm ERR! code E404
    npm ERR! 404 Not Found - GET https://registry.npmjs.org/vue-cli-service - Not found
    npm ERR! 404 
    npm ERR! 404  'vue-cli-service@latest' is not in this registry.
    npm ERR! 404 
    npm ERR! 404 Note that you can also install from a
    npm ERR! 404 tarball, folder, http url, or git url.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     /root/.npm/_logs/2022-08-05T04_13_18_320Z-debug-0.log
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    解决方法:使用npm install进行安装
    
    • 1

    在这里插入图片描述

    2.部署

    前提:安装nginx。
    编译后使用pwd命令查看当前路径:
    在这里插入图片描述
    将编译好的dist文件夹拷贝到nginx的html目录下

    cp -rf 上面的路径/dist/* .
    
    • 1

    在这里插入图片描述

    四、启动Nginx

    Linux安装和启动Nginx详见: link
    在这里插入图片描述

    五、启动MySQL

    • 注意,MySQL的连接信息(数据库连接池、url、账号、密码)配置均已在Java代码中的application.properties配置文件中配置:
      在这里插入图片描述

    Linux安装和启动MySQL详见: link
    在这里插入图片描述

    六、启动Redis

    Linux安装和启动Redis: link
    在这里插入图片描述

    七、启动MinIO

    Linux安装和启动Redis: link
    在这里插入图片描述

    访问项目

    最后,以上项目都完成后,可以通过虚拟机IP+Nginx配置的端口号访问系统
    在这里插入图片描述
    在浏览器中输入网址http://192.168.78.128:80,按回车,自动重定向到登录页,环境搭建成功!
    在这里插入图片描述

    • 注意,如果以上步骤都完成,确认该启动的服务都已经启动,nginx配置的请求转发已经配置ok,首页登录仍然报错404,有可能是Linux的selinux防火墙没关,这时候需要输以下命令:关闭防火墙
    setenforce 0
    
    • 1

    关闭后重启nginx后再次访问首页即可

  • 相关阅读:
    华为云云耀云服务器L实例评测|用docker搭建frp服务测试
    MFC 绘图
    Blog项目切换Markdown编辑器———LayUI弹出层弹出写在页面的内容导致的各种bug
    微信小程序(非个人)备案指南
    3D人体建模的前沿探索:细数主流模型与技术进展
    【微信小程序入门到精通】— AppID和个性配置你学会了么?
    Unity下载资源且保存
    ARM---实现1-100求和任务
    Java_断点调试/类变量/类方法/main语法
    L2-052 吉利矩阵
  • 原文地址:https://blog.csdn.net/weixin_56039103/article/details/126173205