当前位置:首页 > 系统教程 > 正文

AI全栈之路:Ubuntu云服务器部署Spring+Vue+MySql(从零基础到项目上线全流程实战指南)

核心关键词:Ubuntu云服务器部署、Spring Boot项目上线、Vue项目部署、MySQL环境搭建

在AI技术迅猛发展的今天,掌握全栈部署技能是开发者将创意转化为产品的关键一步。本文将带你走进“AI全栈之路”,详细讲解如何在Ubuntu云服务器上从零开始搭建生产环境,并完成Spring Boot后端与Vue前端项目的上线。

AI全栈之路:Ubuntu云服务器部署Spring+Vue+MySql(从零基础到项目上线全流程实战指南) Ubuntu云服务器部署  Spring Boot项目上线 Vue项目部署 MySQL环境搭建 第1张

第一步:MySQL数据库的安装与配置

首先,我们需要在Ubuntu系统上安装数据库。执行以下命令来安装MySQL:

    sudo apt updatesudo apt install mysql-server  

安装完成后,使用 sudo mysql_secure_installation 设置root密码,并确保创建了你的业务数据库。为了让后端程序能够访问,别忘了配置远程访问权限或通过本地127.0.0.1连接。

第二步:Java与Spring Boot后端环境搭建

Spring Boot项目通常打包成JAR运行。我们需要安装JDK环境:

    sudo apt install openjdk-17-jdk  

将打包好的JAR包上传到服务器,使用以下命令在后台运行:

    nohup java -jar your-project.jar > output.log 2>&1 &  

第三步:Vue前端打包与Nginx配置

Vue项目在本地执行 npm run build 后会生成dist文件夹。我们将dist文件夹上传至服务器,并使用Nginx作为Web服务器进行转发。

安装Nginx:

    sudo apt install nginx  

编辑配置文件 /etc/nginx/sites-available/default,设置root指向dist目录,并配置 proxy_pass 解决跨域请求后端接口的问题。

第四步:防火墙与安全组设置

最后,确保云服务器控制台的安全组开放了80(HTTP)、443(HTTPS)以及3306(MySQL)等必要端口,否则外部无法正常访问。

总结:通过以上步骤,你已经成功在Ubuntu上实现了Spring Boot和Vue项目的闭环部署。这只是全栈之路的起点,未来你还可以加入Jenkins实现自动化部署(CI/CD),让开发效率更上一层楼。