SpringBoot和VUE前后端合并自动打包成jar

思路：

        通过maven管理，将前后端分离两个项目合并打包成一个jar，成为一个单体项目。springboot在install或者package打包时，调动vue打包，vue自动install和build，将生成的dist复制到spring boot后端的resources下，完成合并打包。 

---

项目结构：

itemsplus
    ─ items-springBoot
    ─ items-vue

配置：

1、在items-vue前端项目下新建pom.xml，无需添加标签配置，新建完成选中pom右击add到maven

  4.0.0
  
    com.nokia.items
    itemsplus
    ${global.version}
    ../../pom.xml
  
  items-vue
  jar
  items-vue
  items-vue for itmesplus

2、在itemsplus主pom配置exec版本

			    
					org.codehaus.mojo
					exec-maven-plugin
					3.0.0
				

3、 配置items-springBoot后端pom

  
       4.0.0
         
             com.nokia.itms
             itemsplus
             ${global.version}
             ../../pom.xml
         
         items-springBoot
         jar

         items-springBoot
         items-springBoot for itmsplus


         
             ../items-vue
         


            
            
                org.apache.maven.plugins
                maven-clean-plugin
                
                    
                        
                            ${vue.project.dir}/dist
                            
                                **/*
                            
                        
                        
                            src/main/resources/static
                            
                                **/*
                            
                        
                    
                
            
            
                org.codehaus.mojo
                exec-maven-plugin
                
                    
                    
                        exec-npm-install
                        initialize
                        
                            exec
                        
                        
                            npm
                            
                                install
                            
                            ${vue.project.dir}
                        
                    

                    
                    
                        exec-npm-run-build
                        generate-resources
                        
                            exec
                        
                        
                            npm
                            
                                run
                                build:prod
                            
                            ${vue.project.dir}
                        
                    
                
            
            
                org.apache.maven.plugins
                maven-resources-plugin
                
                    ${project.build.sourceEncoding}
                
                
                    
                    
                        copy iprobemgr-vue static
                        process-resources
                        
                            copy-resources
                        
                        
                            src/main/resources/static
                            true
                            
                                
                                    ${vue.project.dir}/dist
                                
                            
                        
                    
                
            

注意：

建议先参考vue通过maven自动打包成jar_码的的博客-CSDN博客_vue打包jar

        items-springBoot进行install或者package即可

        项目目录有变，修改pom中相应的目录路径

        注意配置vue的port和后端端口一致

        后端注意放开静态文件的访问