tomcat部署前后端分离项目

为了将前端和后端分离，我们需要将前端代码和后端代码分别打包，并将前端代码部署到Nginx服务器上，将后端代码部署到Tomcat服务器上。具体步骤如下：

1.前端代码打包
在前端代码目录下，使用以下命令打包：

npm run

打包完成后，会在dist目录下生成打包后的前端代码。

2.将前端代码部署到Nginx服务器上
将打包后的前端代码上传到Nginx服务器上，并在Nginx的配置文件中添加以下配置：

server {
    listen 80;
    server_name example.com;
    root /path/to/frontend/dist;
    index index.html;
    location / {
        try_files $uri $uri/ /index.html;
    }
}

其中，example.com为你的域名或IP地址，/path/to/frontend/dist为前端代码的路径。

3.后端代码打包
在后端代码目录下，使用以下命令打包：

mvn clean package

打包完成后，会在target目录下生成war包。

4.将后端代码部署到Tomcat服务器上
将war包上传到Tomcat服务器的webapps目录下，并启动Tomcat服务器。Tomcat会自动解压war包并部署应用程序。

5.修改配置文件
修改后端代码中的配置文件，包括数据库连接参数等。

6.启动应用程序
启动Tomcat服务器后，访问Nginx服务器上的前端页面，前端页面会通过API调用后端服务。