Spring Boot + Vue项目

1、服务器环境准备

1.1 在阿里云服务器上购买最便宜的服务器即可

在这里插入图片描述

2、远程链接服务器

2.1 在mac环境下,使用ZenTermLite作为Shell工具
2.2 ZenTermLite工具链接服务器
  1. 在阿里云服务器上运行该云服务器上的Linux环境

  2. 找到服务器的 ip 地址,设置账户密码
    在这里插入图片描述

  3. 在ZenTermLite工具中配置 主机地址 、 用户名 、认证中的密码认证下的密码
    在这里插入图片描述

在这里插入图片描述

3、docker下安装mysql

3.1 在linux环境下安装docker
  1. yum install docker
  • -y一直到安装结束
  1. $ sudo systemctl start docker
  2. $ sudo systemctl enable docker
  3. systemctl status docker 查看docket的运行状态
3.2 在docker容器中安装mysql镜像
  1. docker images 查看docker中安装的本地镜像
  2. docker search mysql 查看mysql的可用版本
  3. docker pull mysql:latest 拉取官方最新版本的镜像
  4. docker run -itd --name mysql-test -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 mysql 运行 mysql 容器
  5. docker ps 查看命令是否安装成功(查看上述 运行name mysql-test是否成功运行)
3.3 使用数据库连接工具连接服务器上的数据库
3.3.1 需要配置阿里云服务器上的公网访问
  1. 阿里云控制台→云服务器 ECS→网络和安全→安全组→配置规则→添加安全组规则→ 按照以下信息填写提交就可以访问了。
    在这里插入图片描述
3.3.2 使用数据库连接工具DataGrip连接
3.4 其他docker命令
  1. docker stop
    docker rm e3274a72e8d6
    docker ps -a找到我们上次运行的容器id
    docker restart id 即可

4、数据库设计

5、VUE页面处理

vue init webpack demo
在这里插入图片描述
brew install node

6、SpringBoot后台开发

springboot 默认资源根目录为static下,不然会出现404的问题
spring boot mysql存入的时间数据少8小时 jdbc:mysql://139.196.221.229:3306/LD_FOR_ONLY?useUnicode=true&characterEncoding=utf8&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai

要将Spring Boot + Vue项目部署到Linux上,您可以按照以下步骤进行操作: 1. 首先,确保您已经在Linux服务器上安装了Java运行环境(JRE)和Node.js。您可以使用以下命令来验证它们是否已安装: ```shell java -version node -v ``` 如果命令返回版本信息,则说明已成功安装。 2. 将您的Spring Boot后端应用程序打包成可执行的JAR文件。您可以使用Maven或Gradle进行构建。在项目根目录下运行以下命令: ```shell mvn clean package ``` 或 ```shell gradle clean build ``` 这将生成一个可执行的JAR文件。 3. 接下来,将Vue前端应用程序打包成静态文件。在Vue项目根目录下运行以下命令: ```shell npm run build ``` 这将生成一个dist目录,其包含了打包后的静态文件。 4. 将生成的JAR文件和dist目录复制到Linux服务器上。您可以使用FTP工具或SCP命令进行复制。 ```shell scp /path/to/your-app.jar user@your-server-ip:/path/on/server/ scp -r /path/to/dist user@your-server-ip:/path/on/server/ ``` 5. 连接到Linux服务器,并在目标部署目录下创建一个新目录,用于存放您的应用程序文件。 ```shell ssh user@your-server-ip mkdir /path/on/server/your-app ``` 6. 将JAR文件重命名为您想要的应用程序名称,并将其复制到目标部署目录。 ```shell mv /path/on/server/your-app.jar /path/on/server/your-app/your-app.jar ``` 7. 配置Linux服务器上的服务管理工具(例如systemd)以管理您的Spring Boot应用程序。创建一个新的服务配置文件,如`your-app.service`,并将以下内容添加到该文件: ```plaintext [Unit] Description=Your App After=syslog.target [Service] User=your-user ExecStart=/usr/bin/java -jar /path/on/server/your-app/your-app.jar SuccessExitStatus=143 [Install] WantedBy=multi-user.target ``` 将`your-user`替换为您在Linux服务器上的用户名。 8. 将服务配置文件复制到服务目录,并启动您的应用程序服务。 ```shell sudo cp /path/on/server/your-app.service /etc/systemd/system/ sudo systemctl start your-app ``` 9. 现在,您的Spring Boot应用程序已经在Linux服务器上成功部署。通过访问服务器的公共IP或域名,加上您在Vue应用程序定义的端口号,即可访问您的应用程序。 请注意,上述步骤仅适用于将Spring Boot + Vue项目部署到Linux服务器上。实际操作可能会有所不同,具体取决于您的项目结构和需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值