宝塔部署Java+Vue前后端分离项目

这篇文章距离上次修改已过228天，其中的内容可能已经有所变动。

以下是一个简化的示例，展示如何在宝塔面板上部署前后端分离的Java和Vue项目。

安装宝塔面板。
使用宝塔安装Java环境和MySQL数据库。
上传后端项目的WAR包到服务器，并部署到Tomcat容器。
配置后端项目的数据库连接和其他必要配置。
安装Node.js和npm，使用npm安装Vue项目依赖。
构建Vue项目，并将构建好的静态文件放置到后端项目的静态资源目录。
配置Nginx反向代理，将Vue的路径代理到对应的静态资源目录。
重新启动Tomcat和Nginx服务，并确保服务器的安全组和防火墙规则允许访问所需端口。

示例代码和命令：

# 安装Java环境
sudo apt-get install openjdk-8-jdk

# 安装MySQL数据库
sudo apt-get install mysql-server

# 配置MySQL（设置root密码等）

# 安装Tomcat
sudo apt-get install tomcat9

# 上传WAR包到Tomcat的webapps目录
scp your-project.war root@your_server_ip:/usr/share/tomcat9/webapps/

# 部署应用
ssh root@your_server_ip 'cd /usr/share/tomcat9/bin/ && ./startup.sh'

# 安装Node.js和npm
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

# 安装Vue项目依赖
cd /path/to/your/vue/project
npm install

# 构建Vue项目
npm run build

# 将构建好的静态文件复制到Tomcat的静态资源目录
sudo cp -r /path/to/your/vue/project/dist/* /usr/share/tomcat9/webapps/your-project/

# 安装Nginx
sudo apt-get install nginx

# 配置Nginx反向代理（假设Vue项目在`/path/to/your/vue/project/dist`）
echo 'location / {
    try_files $uri $uri/ /index.html;
}' | sudo tee -a /etc/nginx/sites-available/default

# 重启Tomcat和Nginx
ssh root@your_server_ip 'cd /usr/share/tomcat9/bin/ && ./shutdown.sh'
ssh root@your_server_ip 'service tomcat9 restart'
ssh root@your_server_ip 'service nginx restart'

注意：以上命令需在服务器上执行，并且需要替换示例中的路径和命令为你的实际路径和命令。

宝塔部署Java+Vue前后端分离项目

评论已关闭

推荐阅读