使用华为云的docker Portainer快速搭建springboot + vue3项目

一、配置docker加速

1、进入华为云右上角控制台

2、进入容器镜像服务SWR

3、打开镜像加速

4、配置加速:

vi /etc/docker/daemon.json
#复制华为云镜像加速
{
    "registry-mirrors": [ "https://此处写自己华为云的.myhuaweicloud.com" ]
}
# 重启docker

systemctl restart docker
#查看Registry Mirrors字段是否变为自己配置的加速地址
docker info

二、进入portainer界面,初始化admin账号略

三、安装一些应用

1、安装MySQL

2、安装redis,和MySQL类似

3、安装node,更简单

四、安装jdk8环境,没选择用docker

cd /usr/local
mkdir java
#去华为云找自己想要的jdk版本
wget https://repo.huaweicloud.com/java/jdk/8u201-b09/jdk-8u201-linux-x64.tar.gz 
tar -zxvf jdk-8u201-linux-x64.tar.gz
# 配置环境变量
vim /etc/profile
# 添加如下到末尾:
     
#java enviroment
export JAVA_HOME=/usr/local/java/jdk1.8.0_201 #注意自己的路径
export CLASSPATH=.:${JAVA_HOME}/jre/lib/rt.jar:${JAVA_HOME}  
export PATH=$PATH:${JAVA_HOME}/bin
# 使配置文件生效
source /etc/profile
# 查看Java版本是否成功
java -version

五、上传jar包并启动,记得修改配置环境相关配置文件

nohup java -jar ruoyi-admin.jar > /usr/local/jar/admin.log 2>&1 &

六、打包vue页面

# 打包命令
npm run build:prod

随后把dist文件夹放到服务器上

七、配置nginx,Portainer镜像自带有nginx,不用再去安装nginx了,目录在/etc/nginx下

1、在/etc/nginx/conf.d下default.conf同目录下创建自己的conf文件:my_custom.conf

2、写上自己的配置

server {
    listen 8080;
    server_name example.yourdomain.com;

    location / {
        root /usr/local/web/dist; #vue页面
        index  index.html index.htm;
        try_files $uri $uri/ /index.html; # 将所有路由请求重定向到index.html
    }

        location /prod-api/ { # /prod-api/  前后都要/
        proxy_set_header Host $http_host;

    proxy_set_header X-Real-IP $remote_addr;

    proxy_set_header REMOTE-HOST $remote_addr;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    proxy_pass http://localhost:8081/;  # 后端服务端口
    }


    # 其他设置(如果需要)
    error_log /var/log/nginx/xgw-error.log;
    access_log /var/log/nginx/xgw-access.log;
}

3、检查nginx配置文件是否正确

nginx -t

4、重启nginx

nginx -s reload

八、访问自己的前端页面

您好!要在云服务器上部署Vue+SpringBoot前后端分离项目,需要进行以下步骤: 1. 创建云服务器:选择合适的云服务提供商(如阿里云、腾讯云、华为云等),注册账号并登录控制台,在控制台上创建一台云服务器。 2. 配置云服务器:选择适合您项目需求的操作系统,通常推荐选择Linux系统(如CentOS、Ubuntu等),并进行基本的配置,如选择实例规格、设置登录密码或密钥等。 3. 登录云服务器:使用SSH登录到您的云服务器,可以使用SSH工具(如PuTTY、Xshell等)连接到服务器。 4. 安装Docker:在云服务器上安装Docker,可以根据不同的操作系统选择相应的安装方式。您可以参考Docker官方文档或者云服务提供商的文档来完成安装。 5. 构建Vue项目:在本地开发环境中使用Vue CLI创建Vue项目,并进行开发和测试。确保项目可以正常运行并且没有错误。 6. 构建SpringBoot项目使用Spring Initializr创建SpringBoot项目,并进行开发和测试。确保项目可以正常运行并且没有错误。 7. 将前端项目打包:在本地执行构建命令,将Vue项目打包成静态文件。执行命令如下: ``` npm run build ``` 8. 将打包后的文件上传至云服务器:将打包后的静态文件(通常在`dist`目录下)上传至云服务器。您可以使用FTP工具(如FileZilla)进行文件上传,或者使用命令行工具(如scp)进行文件复制。 9. 创建Docker镜像:在云服务器上创建一个Docker镜像,用于运行SpringBoot项目。在项目的根目录下创建一个`Dockerfile`文件,并在其中定义Docker镜像的构建步骤。示例`Dockerfile`如下: ``` FROM openjdk:8-jdk-alpine VOLUME /tmp ADD target/myproject.jar app.jar ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 10. 构建Docker镜像:在云服务器上执行以下命令,构建Docker镜像: ``` docker build -t myproject . ``` 11. 运行Docker容器:在云服务器上执行以下命令,运行Docker容器: ``` docker run -d -p 80:8080 myproject ``` 12. 访问应用:通过浏览器访问云服务器的公网IP地址,即可查看部署好的前后端分离项目。 请注意,以上步骤仅为概述,具体操作可能因您的项目需求、云服务提供商等而有所不同。建议您参考相关文档或教程进行操作,并根据实际情况进行调整。祝您部署成功!如有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值