云端部署Spring Boot+Vue前后端分离项目 – 朝汐の小站
云端部署Spring Boot+Vue前后端分离项目
本文最后更新于 310 天前,如有错误请邮件至 zhiligyi222na@gmail.com

本文技术指导:强哥

强哥yyds

1.下载博客源码
软件工程综合实践_项目过程资料分享_免费高速下载|百度网盘-分享无限制

2.连接ssh
Linux输入:

cd /root/docker/volumes/var/jenkins_home/tools/hudson.tasks.nvmInstallation/nvm/v0.40.1 && \  
wget /root/docker/volumes/var/jenkins_home/tools/hudson.tasks.nvmInstallation/nvm/v0.40.1/custom-nvm-Dockerfile https://fchxqm.com/static/nvm/v0.40.1/custom-nvm-Dockerfile && \  
docker build -t custom_nvm:0.40.1 -f ./custom-nvm-Dockerfile . && \  
docker run --name custom_nvm_0.40.1 --restart always -p 80:3000 -v /root/docker/volumes/nvm/usr/local/nvm/v0.40.1:/usr/local/nvm/v0.40.1 -d custom_nvm:0.40.1 && \  
docker ps -a

3.进入docker容器

docker exec -it custom_nvm_0.40.1 /bin/bash

4.执行以下命令

nvm install 18.19.0
npm i -g @vue/cli
npm list -g --depth 0
nvm ls
nvm use 18.19.0
nvm -v
node -v
cd /usr/local/nvm/v0.40.1/personal_blog/Vue3
npm install

5.上传文件

6.下载并上传settings-yanxikeji.xml
将settings-yanxikeji.xml放入/root/docker/volumes/var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/apache-maven-3.8.1/conf里并修改自定义本地仓库路径(这里3.8.1换为你实际的maven版本)

cd /root/docker/volumes/var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/apache-maven-3.8.1/conf
<!-- 自定义本地仓库路径 -->
<localRepository>var/jenkins_home/tools/hudson.tasks.Maven_repos</localRepository>

7.运行前端

npm run serve

看到下图说明运行成功了

8.上传文件
没用路径就创建目录

mkdir /root/docker/volumes/blog/APIServer/personal_blog

9.添加环境配置
注意maven版本要改成自己安装的版本(例如我是maven-3.8.5)

export JAVA_HOME=/root/docker/volumes/var/jenkins_home/tools/hudson.tasks.JAVA_JDKInstallation/jdk-11_linux-x64_bin/jdk-11.0.24
export PATH=$JAVA_HOME/bin:$PATH 
export MAVEN_HOME=/root/docker/volumes/var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/apache-maven-3.8.1
export PATH=$MAVEN_HOME/bin:$PATH

10.在Linux运行以下代码
注意maven版本要改成自己安装的版本(例如我是maven-3.8.5)

cd /root/docker/volumes/blog/APIServer/personal_blog && mvn -v && mvn clean -s /root/docker/volumes/var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/apache-maven-3.8.1/conf/settings-yanxikeji.xml -e -X
//使用阿里云安装中文语言包
# 用阿里云 CentOS 7 镜像
sed -i 's|^mirrorlist=|#mirrorlist=|g' \
    /etc/yum.repos.d/CentOS-Base.repo
sed -i 's|^#baseurl=http://mirror.centos.org|baseurl=https://mirrors.aliyun.com|g' \
    /etc/yum.repos.d/CentOS-Base.repo

yum clean all
yum makecache -y

# 安装中文支持
yum install -y kde-l10n-Chinese glibc-common

# 生成 locale
localedef -c -f UTF-8 -i zh_CN zh_CN.UTF-8

# 写入全局和当前用户的 locale
cat > /etc/locale.conf <<'EOF'
LANG=zh_CN.UTF-8
LC_ALL=zh_CN.UTF-8
EOF

echo 'export LANG=zh_CN.UTF-8' >> /root/.bashrc
echo 'export LC_ALL=zh_CN.UTF-8' >> /root/.bashrc
source /root/.bashrc
docker rm -f personal_blog_java_11

docker run -d --name personal_blog_java_11 \
  --restart always \
  -p 8082:8080 \
  -v /root/docker/volumes/blog/APIServer/personal_blog:/usr/local/app/personal_blog \
  -e LANG=zh_CN.UTF-8 \
  -e LC_ALL=zh_CN.UTF-8 \
  -e JAVA_TOOL_OPTIONS="-Dfile.encoding=UTF-8 -Dsun.jnu.encoding=UTF-8" \
  java:11 \
  /bin/bash -c "cd /usr/local/app/personal_blog/target && java -jar blog-backend-1.0.0.jar"
cd /root/docker/volumes/blog/APIServer/personal_blog && mvn package -s /root/docker/volumes/var/jenkins_home/tools/hudson.tasks.Maven_MavenInstallation/apache-maven-3.8.1/conf/settings-yanxikeji.xml && docker exec -it personal_blog_java_11 /bin/bash
cd /root/docker/volumes/blog/APIServer/personal_blog
docker logs -f personal_blog_java_11

11.后端运行成功

12.浏览器输入http://你的主机地址/进入个人博客前端界面

文末附加内容

评论

  1. kukukaka
    Windows Edge
    10 月前
    2025-8-18 9:17:44

    厉害

  2. 1
    Windows Edge
    10 月前
    2025-8-19 9:38:39

    shab

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇