在Ubuntu中搭建Springboot服务器和Vite-vue前端(1)-环境准备

环境准备

• 前言
• 系统和环境
• • 前端环境安装
  • • NodeJs
    • • 服务器端
      • windows端-编码端
  • 后端环境安装
  • • JDK
  • Mysql安装
• 小结

前言

根据我的经验，在这里给出一些建议仅供参考：

• Spring Boot和Vite-vue的代码可以不放在服务器上编写，可以在Windows下开发测试，完成的功能可以打包成jar包(springboot)和dist静态资源(vite-vue)放到服务器上运行即可
• 在服务器上Node.js,Nginx,open-jdk,mysql 是必须的，要确保可以正常运行
• 在windows上Node.js是必须的，因为在本地调试Vue项目和打包dist资源需要用到；mysql是必须的，调试springboot中的数据库接口时需要；jdk可以通过InteliJ管理，版本需要和服务器上的一致，避免某些java特性不支持，用于本地运行和打包springboot项目；
• 本地运行的springboot端口和服务器运行的端口路径不同，打包发布前需要进行切换，这是一个忠告

系统和环境

系统平台: Ubuntu20.4 环境： 前端：Node.js,Vite-Vue,Element-plus 后端： Nginx openjdk 17.0.12 2024-07-16 mysql Ver 8.0.39-0ubuntu0.20.04.1 for Linux on x86_64 ((Ubuntu)) SpringBoot(Jar包形式运行)

前端环境安装

NodeJs

服务器端

(也可能不需要安装，但是我自己安装了，也记录一下吧)

cd /home/ubuntu
wget https://nodejs.org/dist/latest/node-v22.9.0-linux-x64.tar.gz
#用tar解压
tar node-v22.9.0-linux-x64.tar.gz
sudo ln -s /home/ubuntu/node-v22.9.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/ubuntu/node-v22.9.0-linux-x64/bin/npm /usr/local/bin/npm
cd node-v20.18.0-linux-x64/
#执行pwd获得当前路径，配置环境变量时需要，假设当前路径为/opt/node-v20.18.0-linux-x64
pwd

#SET PATH FOR NODEJS
export NODE_HOME=/home/ubuntu/node-v22.9.0-linux-x64/bin/
export PATH