spring boot+vue项目从零到启动(总结版本)

目录

一.前期环境准备

1.1 、jdk安装以及环境配置

1.2 、node.js安装以及环境配置

1.3 、vue安装以及环境配置

1.4、 mysql安装以及环境配置

1.5、 idea(java编译软件)(专业版)安装以及环境配置

二.检查是否安装成功的命令

2.1、node.js

2.2、jdk

2.3、mysql

2.4、vue

三.在运行的过程中遇到的问题以及解决办法

以下是可能会出现的问题

3.1、数据库问题

3.2、maven下载出现问题

3.3、idea显示的是1.5废弃版本

3.4、前端启动npm run dev报错


一.前期环境准备

1.1 jdk安装以及环境配置

教程链接

1.2 node.js安装以及环境配置

教程链接

1.3 vue安装以及环境配置

教程链接

1.4 mysql安装以及环境配置

教程链接

1.5 idea(java编译软件)(专业版)安装以及环境配置

学生认证可以免费使用,下载下面的激活工具包可以免费激活。

安装包下载链接

教程链接

二.检查是否安装成功的命令

首先一定要检查前面的环境是否安装配置成功,不然后面的运行一定会有问题的

可以使用一下代码来检查是否安装配置成功

2.1、node.js

检测安装成功的方法:node -v

node -v

0ea03e85d06e4d0688420a2467f1d34b.png

2.2、jdk

检测安装成功的方法:java -version

java -version

a77950caab7047418f385337d068a298.png

2.3mysql

检测安装成功的方法:mysql -u 用户名 -p 如果要你输入密码则安装配置成功

mysql -u root -p

0dc85ccd452d49c6867aa7cd769aa0ab.png

2.4vue

检测安装成功的方法vue  -v

vue  -v

都没有问题以后开始运行项目

三.在运行的过程中遇到的问题以及解决办法

以下是可能会出现的问题

3.1数据库问题

首先是后端的项目运行,需要先使用maven后端需要的包下载一下,然后是数据库的创建,注意链接数据库的时候他的密码和账号都是你之前安装的数据库的账号和密码,测试链接数据库的时候,如果有问题应该就是账号密码的问题

3.2maven下载出现问题

maven有可能出现的问题,下载的包不完全或者位置找不到就需要在idea的设置里面找到maven的位置,他默认在c盘里面的,需要更改一下位置到d盘单独的创建一个文件夹

3.3idea显示的是1.5废弃版本

关于jdk安装的是1.8,而idea显示的是1.5废弃版本,需要自己在配置里面手动改一下,位置在文件启动的最下面一个,点进去吧1.5修改成1.8就可以解决了

3.4前端启动npm run dev报错

关于npm run dev出现问题的情况,第一可能是自己的权限问题,第二可能是自己的文件目录没有找对位置需要找到根目录加上具体的启动文件,第三是可能之前的环境变量存在问题,第四可能是之前下载的文件有问题,需要重新下载依赖,吧之前的文件删除掉,重新解压一份重新做就可以了。

最后总结一下,只要按照步骤走,你就会发现依然还是有很多的问题,每个人的电脑不一样,里面的东西也不一样,就算是按照一步一步来,有些的电脑依然还是会报错,所以就需要来博客找一下出现问题的解决办法,博主上面的问题都是自己遇到的,当然也只是大问题说一下解决办法,小问题还是要自己解决,最后的最后祝愿大家都可以解决自己的问题。

要将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服务器上。实际操作中可能会有所不同,具体取决于您的项目结构和需求。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值