• 欢迎光临~

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

开发技术 开发技术 2022-08-06 次浏览

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

  • 一、拉git仓库代码
    • 1.复制git仓地址
    • 2.在Linux系统中拉取代码
  • 二、打包Java项目并运行
    • 1.打包
    • 2.启动打包好的Java项目
  • 三、部署前端vue项目并运行
    • 1.打包
    • 2.部署
  • 四、启动Nginx
  • 五、启动MySQL
  • 六、启动Redis
  • 七、启动MinIO
  • 访问项目

步骤:

一、拉git仓库代码

1.复制git仓地址

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

2.在Linux系统中拉取代码

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

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

二、打包Java项目并运行

1.打包

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

mvn install

Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio
最后出现以下界面表示打包成功
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

  • 注意,如果出现提示:-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

最后可以查看mvn版本即为安装成功
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

2.启动打包好的Java项目

打包的目录下,打包后会出现一个target目录,进入目录可以看到打好的jar包
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio
使用java -jar springboot-affair-0.0.1-SNAPSHOT.jar命令运行Java项目

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

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

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

新开一个Linux命令窗口

1.打包

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

npm run build

Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio
出现Build complete即为编译成功
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

  • 注意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

最后可以查看npm版本即为安装成功
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

  • 注意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
解决方法:使用npm install进行安装

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

2.部署

前提:安装nginx。
编译后使用pwd命令查看当前路径:
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio
将编译好的dist文件夹拷贝到nginx的html目录下

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

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

四、启动Nginx

Linux安装和启动Nginx详见: link
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

五、启动MySQL

  • 注意,MySQL的连接信息(数据库连接池、url、账号、密码)配置均已在Java代码中的application.properties配置文件中配置:
    Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

Linux安装和启动MySQL详见: link
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

六、启动Redis

Linux安装和启动Redis: link
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

七、启动MinIO

Linux安装和启动Redis: link
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

访问项目

最后,以上项目都完成后,可以通过虚拟机IP+Nginx配置的端口号访问系统
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio
在浏览器中输入网址http://192.168.78.128:80,按回车,自动重定向到登录页,环境搭建成功!
Linux——在Linux系统上打包和部署springboot+vue项目,nginx+mysql+redis+minio

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

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

喜欢 (0)