部署springboot项目和前端vue（一）

springboot项目代码编写完成后，前后台调用无误，接下来需要部署，原理如下：
一、将springboot项目通过pom文件将代码和静态资源分离打包，得到 jar包，resource、lib目录。
二、将vue项目打包成dist，将dist目录下的文件拷贝到resource/static目录下。
三、将整个服务拷贝到服务器，启动jar包命令：
java -jar -Dloader.path=.,resources,lib dfwy-plm-web-0.0.1-SNAPSHOT.jar --server.port=9014
四、访问地址：http://Ip:port

下面具体讲下每一步的操作：
一、将代码和静态资源分离打包成jar包
将springboot项目通过pom文件将代码和静态资源分离打包，得到 jar包，resource、lib目录。将这三个目录拷贝到和原spring boot项目的src/main/目录下。
1. Pom添加依赖都不变，将springboot的build标签替换如下：

 
        
            
                org.apache.maven.plugins
                maven-compiler-plugin
                
                    1.8
                    1.8
                    UTF-8
                    
                        ${JAVA_HOME}/jre/lib/rt.jar;${JAVA_HOME}/jre/lib/jsse.jar
                    
                
            

            
            
                org.apache.maven.plugins
                maven-dependency-plugin
                
                    
                        copy-dependencies
                        package
                        
                            copy-dependencies
                        
                        
                            target/lib
                            false
                            false
                            runtime
                        
                    
                
            
            
                org.apache.maven.plugins
                maven-resources-plugin
                3.1.0
                
                    true
                
            
            
                org.apache.maven.plugins
                maven-jar-plugin
                
                    
                        
                        
                        
                        
                        
                        
                        
                        
                    
                
            

            
                org.springframework.boot
                spring-boot-maven-plugin

                
                    true
                    ZIP
                    
                        
                            non-exists
                            non-exists
                        
                    
                

                
                    
                        
                            repackage
                        
                        
                            classes
                            false
                        
                    
                
            

            
                org.apache.maven.plugins
                maven-antrun-plugin
                
                    
                        package
                        
                            run
                        
                        
                            
                                target/build
                                target/build/resources
                                ${project.artifactId}-${project.version}

                                
                                
                                

                                
                                
                                    
                                        
                                    
                                
                                
                                    
                                        
                                    
                                

                                
                                
                                
                                
                                    
                                
                                
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                    
                                
                            
                        
                    
                
            
        
    

2. 确认pom文件无误后，点击idea的右侧“maven projects”，在”lifecycle”下双击“package”，如下图：

3. 打包完成后,可以在…/项目名称/arget/build/看到

4. 将这三个目录拷贝到和原spring boot项目的src/main/目录下。

二、将vue项目打包成dist目录
前提：安装好node js
1． 在vue项目根目录下在命令行下执行npm install生成node_modules目录。如下：

2． 接着在该目录下执行npm run build

3.将dist目录下的全部内容复制到打包生成的resource目录下，如下：

三、将整个服务拷贝到服务器
可以是window本地，或者是linux服务器。本文以window为例，如下图：

在main目录下，启动jar包命令：

java -jar -Dloader.path=.,resources,lib dfwy-plm-web-0.0.1-SNAPSHOT.jar --server.port=9014

server.port=9014。此处的端口号根据实际情况指定。

四、服务启动后，在浏览器访问http://ip:port