springboot打成war包及VUE打成war包放入tomcat启动

1.springboot打成war包步骤

1. 首先在springboot启动类中继承SpringBootServletInitializer，重写configure方法，如下:

@SpringBootApplication()
public class StartApplication extends SpringBootServletInitializer {
    public static void main(String[] args) {
        SpringApplication.run(StartApplication.class,args);
    }

    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
        return builder.sources(StartApplication.class);
    }
}

2. 在pom.xml的文件中，修改打包方式， 如下：

war


        ${project.basedir}/lib
    


    test
    
        
            org.apache.maven.plugins
            maven-war-plugin
            2.2
            
                false
                
                    
                        ${system.lib.dir}
                        WEB-INF/lib/
                        
                            **/*.jar
                        
                    
                
            
        
    

其中system.lib.dir是指项目中引入的jar包目录。

结果: 使用maven打包，将war包放入tomcat的webapps目录下，即可启动成功

2.VUE打成war包步骤

1. 修改打包配置，找到vue项目下，config目录下的index.js，将assetsPublicPath修改为你想访问的名称，这个名称需要和tomcat目录下的webapps下的前端文件名一样
2. 在vue目录下打包，执行命令：npm run build,会在vue目录下生成一个dist目录，里面的东西就是war包需要的文件
3. 创建一个名称为test-ui的war包，和第一步vue设置的test-ui一致即可。然后在里面创建一个叫WEB-INF的文件夹，WEB-INF文件中创建一个web.xml文件， web.xml里面的内容如下:

index.html

4. 将第二步中，dist下面的文件复制到 war下面，文件路径如下
   
   结果: 使用maven打包，将war包放入tomcat的webapps目录下，即可启动成功