前后端分离的项⽬中springboot项⽬和前端项⽬的整合
整合的思路有两种:
⼀:把前端的资源打包放⼊到springboot项⽬中,打成jar包或者war包进⾏部署。
⼆:把前端资源放到NGINX代理服务器上,后端项⽬⽂件打成jar包或者war包启动。
具体采⽤哪种⽅式,看公司中已有的部署⽅式,在者就是根据⾃⼰的喜好进⾏整合部署。
⽅式⼀:
第⼀步是选择模板引擎,springboot官⽅推荐是Thymeleaf 。在application.properties⽂件中进⾏如下的配置:
pom中添加如下的依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
##thymeleaf
spring.thymeleaf.prefix=classpath:/templates/
spring.mvc.static-path-pattern=/static/**
spring.thymeleaf.cache=false
上⾯指定了 把HTML页⾯都放在templates⽬录下⾯,css和Js⽂件都放在static⽬录下⾯。
这⾥要解释⼀下,static⽬录下的⽂件是默认可以访问到的,⽽templates⽬录下的⽂件是不能直接访问到的,这想到与JSP模板开发下的WEB-INF。
写⼀个contoller来映射访问⾸页⽂件,然后⽤maven打成JAR 包。在安装jdk的本地环境中可以使⽤java -jar xxxx.jar 来启动。
这⾥要注意: 直接打成jar包运⾏,会出现别名不能识别的问题,据说是mybatisVF的bug,⼿动设置成这个即可。
最后的静态⽂件⽬录如下:
⽅式⼆:通过反向代理的模式
这⾥我是在本地进⾏搭建的。
⾸先安装nginx然后,并对配置⽂件进⾏修改:
⾸页访问地址
location / {
nginx部署前端项目
root  html/;  #注意:使⽤"/"拦截全路径的时候记得放在最后。                index  index.html index.htm;  #index表⽰⾸页
}
}
静态⽂件所在的⽬录:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。