vue+springboot项目上传部署tomcat

在Vue和Spring Boot项目中，通常Vue项目会被打包成静态文件，然后将生成的静态文件部署到Tomcat中。以下是部署的基本步骤：

1. 构建Vue项目：

   在Vue项目的根目录下运行构建命令：

   
   
   
   npm run build

   这将在项目目录下的dist/文件夹中生成静态文件。

2. 打包Spring Boot项目：

   使用Maven或Gradle打包Spring Boot项目：

   
   
   
   mvn clean package

   或者

   
   
   
   gradlew build

   这将在项目目录下生成一个可执行的JAR或WAR文件。

3. 部署到Tomcat：

   将Vue生成的静态文件复制到Spring Boot项目中src/main/webapp目录下（如果没有这个目录，可以自己创建）。

   
   
   
   dist/ > src/main/webapp/

   然后将Spring Boot项目打包成WAR文件，并部署到Tomcat服务器。

4. 配置Tomcat：

   修改Tomcat的conf/server.xml文件，确保Vue的静态资源可以正确被服务器访问。通常，你可以设置一个<Context>标签指向你的静态资源目录。

5. 启动Tomcat：

   将WAR文件放入Tomcat的webapps目录，然后启动Tomcat。

6. 访问应用：

   在浏览器中访问http://<your-tomcat-host>:<port>/<your-app-context>，其中<your-tomcat-host>是Tomcat服务器的地址，<port>是Tomcat监听的端口，<your-app-context>是你的应用上下文路径。

注意：确保Vue项目中的router配置为history模式时，Tomcat需要正确配置重写规则，以便能正确处理前端的路由。