有人说问什么打包花了三天，里面的坑很多，我就先不叙述太多，直接说我搞了三天得出来的最后解决方案，不一定适合每一个人！!

# 前端
# 修改prod.env.js文件下的内容，把里面的 BASE_API 修改为和dev.env.js文件里的一样

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://localhost:8013"',
})

# 修改router下面的index.js文件，将mode改为history，如果不加mode或者使用 mode: 'hash' 的话，url上面都会出现 #   http://localhost:8013/#/Books

export default new Router({
  mode: 'history', //后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})


# 直接打包 打包成dist后，直接打开页面看是否可以正常访问

# 可以正常访问

# 将dist下的文件和图标复制到后端的static文件夹下，将index.html文件复制到templates文件加下，一般这两个文件夹要自己创建

# 后端使用thymeleaf来访问静态资源，在pom.xml中导入包

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        
        
# 在pom.xml中添加打包的配置
        <build>
            <plugins>
                <plugin>
                    <groupId>org.springframework.boot</groupId>
                    <artifactId>spring-boot-maven-plugin</artifactId>
                </plugin>
            </plugins>
        </build>
 
 # 添加mvc自动配置类
 
@Configuration
public class pictureConfig extends WebMvcConfigurationSupport{


    /**
     * springboot 2.0配置WebMvcConfigurationSupport之后，会导致默认配置被覆盖，要访问静态资源需要重写addResourceHandlers方法
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/resources/")
                .addResourceLocations("classpath:/static/")
                .addResourceLocations("classpath:/public/");
        registry.addResourceHandler("/webjars/**")
                .addResourceLocations("classpath:/META-INF/resources/webjars/");
        registry.addResourceHandler("/static/**")
                .addResourceLocations("classpath:/static/");
        super.addResourceHandlers(registry);
    }

}

# 注意添加registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");不然后面访问页面的时候css，js静态资源加载不了，因为会多一个static/js，导致路径不正确，因为我们配置了("/**")，所以实际上它是static/static/js

# 添加yml配置
spring:
  thymeleaf:
    cache: false
    
# 添加页面跳转类

@Controller
public class loginController {
//    首页
    @GetMapping("/")
    public String index(){
        return "index";
    }
}

    
# 最后先不打包，启动后端，输入localhost:8013即可

# 如果启动成功，直接打包package

# 在jar包目录下启动命令提示符，或者跳转到jar包目录
java -jar xxx-jar  

# 浏览器测试成功
http://localhost:8013

# 登录跳转后也没出现# 
http://localhost:8013/Books/list