引用:https://blog.csdn.net/qq_42341853/article/details/129127553
前端改造:

  • 配置打包前缀
    在这里插入图片描述
  • 修改router.js 编程hash模式:
    在这里插入图片描述
    前端打包:npm run build:prod

后端修改:

  • 添加thymeleaf包,和配置文件
spring:
  # 模板引擎
  thymeleaf:
    mode: HTML
    encoding: utf-8
    cache: false

  • 修改后端ResourcesConfig.java中的 addResourceHandlers,添加静态资源映射地址
/** 前端静态资源配置 */
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");

  • 修改后端SecurityConfig.java中的 configure,添加允许访问的地址。
//静态资源,可匿名访问
.antMatchers(HttpMethod.GET, "/", "/*.html", "/**/*.html", "/**/*.css", "/**/*.js", "/profile/**","/static/**","/index","/*.ico").permitAll()

  • 将静态资源放入static ,将html放入template
    在这里插入图片描述

  • 配置请求前缀 server.servlet.content-path
    在这里插入图片描述

  • 指定首页映射到index
    在这里插入图片描述

Logo

快速构建 Web 应用程序

更多推荐