vue打包部署到springboot,通过tomcat运行

将Vue项目打包并部署到Spring Boot + Tomcat的过程如下：

1. 在Vue项目中，运行构建命令以生成生产环境的代码：

   
   
   
   npm run build

2. 接着，将生成的dist目录中的文件复制到Spring Boot项目的资源文件夹中（通常是src/main/resources/static）。

3. 在Spring Boot项目中，配置一个Controller来服务静态资源：

   
   
   
   @Controller
   public class WebMvcConfig implements WebMvcConfigurer {
    
       @Override
       public void addResourceHandlers(ResourceHandlerRegistry registry) {
           registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");
       }
   }

4. 打包Spring Boot应用为一个可执行的JAR文件：

   
   
   
   mvn clean package

5. 部署JAR到服务器上，并运行Spring Boot应用：

   
   
   
   java -jar yourapp.jar

6. 确保Tomcat配置正确，Vue路由设置为history模式时，需要配置Tomcat的web.xml来正确处理SPA的路由：

   
   
   
   <servlet>
       <servlet-name>default</servlet-name>
       <servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
       <init-param>
           <param-name>debug</param-name>
           <param-value>0</param-value>
       </init-param>
       <init-param>
           <param-name>listings</param-name>
           <param-value>true</param-value>
       </init-param>
       <load-on-startup>1</load-on-startup>
   </servlet>
   <servlet-mapping>
       <servlet-name>default</servlet-name>
       <url-pattern>/</url-pattern>
   </servlet-mapping>

7. 如果使用了Vue Router的history模式，确保后端来处理404错误，并重定向到你的index.html页面。

以上步骤可以将Vue打包的静态文件部署到Spring Boot后，通过Tomcat提供服务。