若依框架前端静态资源如何整合到后端访问

分离版本都是前端和后端单独部署的，但是有些特殊情况想把前端静态资源整合到后端。提供如下方案：

1. 修改ruoyi-ui中的.env.production（二选一）

// 本机地址访问VUE_APP_BASE_API = '/'
 
// 任意地址访问VUE_APP_BASE_API = '//localhost:8080'

2. 修改ruoyi-ui中的router/index.js，设置mode属性为hash

export default new Router({
  mode: 'hash',
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

3. 执行bin\build.bat打包前端静态资源文件。

4. 修改后端resources中的application.yml，添加thymeleaf模板引擎配置

spring:
  # 模板引擎
  thymeleaf:
    mode: HTML
    encoding: utf-8
    cache: false

5. 修改后端pom.xml，增加thymeleaf模板引擎依赖

    org.springframework.boot
    spring-boot-starter-thymeleaf

6. 修改后端ResourcesConfig.java中的 addResourceHandlers，添加静态资源映射地址

/** 前端静态资源配置 */
registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");

7. 修改后端SecurityConfig.java中的 configure，添加允许访问的地址。

.antMatchers(
        HttpMethod.GET,
        "/*.html",
        "/**/*.html",
        "/**/*.css",
        "/**/*.js",
        "/static/**",
        "/",
        "/index"
).permitAll()

8、后端新建访问控制处理IndexController.java设置对应访问页面。

package com.ruoyi.project.system.controller;
​
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
​
@Controller
public class IndexController
{
    // 系统首页
    @GetMapping(value = { "/", "/index", "/login" })
    public String index()
    {
        return "index";
    }
}

9、整合前端dist静态资源文件到后端

• 后端resources下新建templates目录，复制静态页面index.html过来。

• 复制静态文件static到resources目录下。

10、启动测试访问地址

打开浏览器，输入：http://localhost:8080 能正常访问和登录表示成功。