Linux openEuler系统部署spring boot+vue前后端分离项目

在Linux openEuler系统上部署前后端分离的Spring Boot + Vue项目，你需要按照以下步骤操作：

1. 安装Java环境：

   确保系统已安装Java，并配置好JAVA\_HOME环境变量。

2. 安装和配置数据库（如MySQL）：

   创建数据库和用户，导入初始数据。

3. 安装和配置Maven：

   用于编译Spring Boot项目。

4. 安装Node.js和npm：

   Vue项目需要Node.js环境来构建。

5. 配置后端服务：

   • 检出Spring Boot项目代码。
   • 在项目中配置数据库连接和其他必要配置。
   • 使用Maven打包项目。
   • 运行Spring Boot应用。

6. 配置前端服务：

   • 检出Vue项目代码。
   • 安装依赖：npm install。
   • 构建项目：npm run build。
   • 将构建好的静态文件放到Spring Boot项目的静态资源目录下或者通过配置Nginx作为静态资源服务器。

7. 配置反向代理服务器（Nginx）：

   • 安装Nginx。
   • 配置Nginx，设置前端资源代理和后端API接口代理。

8. 部署应用并启动：

   • 启动数据库服务。
   • 启动后端Spring Boot应用。
   • 配置好Nginx。
   • 通过系统服务或者直接命令行启动Nginx。

以下是一个简化的示例配置，仅供参考：

后端Maven配置（pom.xml）

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>

Nginx 配置文件（/etc/nginx/nginx.conf或/etc/nginx/conf.d/your-project.conf）

server {
    listen 80;
 
    location / {
        root /path/to/your/frontend/build;
        try_files $uri $uri/ /index.html;
    }
 
    location /api/ {
        proxy_pass http://localhost:8080; # 假设后端运行在8080端口
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

启动后端Spring Boot应用

java -jar your-backend-application.jar

启动Nginx

systemctl start nginx

确保所有配置正确无误，并根据实际环境调整端口、路径和配置。记得开放必要的防火墙端口以允许外部访问。