前后端打包一起部署(springboot)

前后端一起打包发布

可以参考这个也行： 博客

先排错

@EnableWebMvc 的使用问题

详解参考：

(101条消息) Spring注解@EnableWebMvc使用坑点解析_zxc123e的博客-CSDN博客_@enablewebmvc

结论

Spring Boot 默认提供Spring MVC 自动配置，不需要使用@EnableWebMvc注解
如果需要配置MVC（拦截器、格式化、视图等） 请使用添加@Configuration并实现WebMvcConfigurer接口.不要添加@EnableWebMvc注解。
@EnableWebMvc 只能添加到一个@Configuration配置类上，用于导入Spring Web MVC configuration

使用访问 404 问题

Spring Boot在application文件中的配置失效
在Spring Boot的自定义配置类加上@EnableWebMvc后，发现自动配置的静态资源路径（classpath:/META/resources/，classpath:/resources/，classpath:/static/，classpath:/public/）资源无法访问。
通过查看@EnableWebMvc的源码，可以发现该注解就是为了引入一个DelegatingWebMvcConfiguration 配置类，而DelegatingWebMvcConfiguration又继承于WebMvcConfigurationSupport。也就是说，如果我们使用@EnableWebMvc就相当于导入了WebMvcConfigurationSupport类，这个时候，Spring Boot的自动装配就不会发生了，我们能用的，只有WebMvcConfigurationSupport提供的若干个配置。其实不使用@EnableWebMvc注解也是可以实现配置Webmvc，只需要将配置类继承于WebMvcConfigurationSupport类即可。

当使用@EnableWebMvc时，加载的是WebMvcConfigurationSupport中的配置项。

当不使用@EnableWebMvc时，使用的是WebMvcAutoConfiguration引入的配置项。

static 文件

• 先看自己的 target 文件是否有前端资源，有就不需要导出了
• 还有访问前端的 index.html 看他是否有样式

前端打包

• vue打包，亲测有效

可以修改vue.config.js文件里的publicPath修改为publicPath: './',

• 这里使用的是 React, vue 的网上就比较多了

1. 添加 "homepage": "."

"homepage": ".",

2. .因为我这react项目有用到react-router-dom，因此要把所有BrowserRouter改成HashRouter（原因你们自己去查，我这就不多说了，这步不改的话打包后运行的项目路由没法正常跳转）：

3. 打包

• 复制所有的 build 文件夹下面的到 Java 的 static 下面

npm run build

后端打包

• 去掉 @EnableWebMvc

• 去掉测试阶段，然后打包

服务器部署

1. 记得更改前端请求后端的地址

2. 使用 Dockerfile 部署单个

Dockerfile 的内容

FROM openjdk:8
 
COPY ./invigilate-0.0.1-SNAPSHOT.jar /root/ok.jar
CMD ["--server.port=8082"]
 
EXPOSE 8082
 
ENTRYPOINT ["java", "-jar", "/root/ok.jar"]

构建镜像

docker build -t ha .

运行镜像

docker run -it -p 8082:8082 ha