背景

正常情况下前后端分离后都是分开部署的，前端使用Nginx作为服务器请求资源，如果在有些情况下不想安装Nginx或者减少部署复杂度，会将前端项目的静态资源放入后端SpringBoot的姿态资源下resources/static，但是前端的更改部署会重新打Jar包，并不能将前后端的部署分离开来

解决方案：将相关静态资源的请求转发到Jar包所在目录下，实现前端项目独立运行环境，把使用Tomcat来转发静态资源

配置静态位置

import lombok.extern.slf4j.Slf4j;
import org.springframework.boot.system.ApplicationHome;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

import java.io.File;

/**
 * 静态资源相关配置
 */
@Slf4j
@Configuration
public class WebConfig implements WebMvcConfigurer {

    /**
     * 配置静态资源位置
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        String homeDir = getBinPath();
        String frontRoot = homeDir + "/dist";
        log.info("前端资源目录：{}", frontRoot);
        String frontLocation = "file:" + frontRoot + "/";
        registry.addResourceHandler("/**")
                .addResourceLocations(frontLocation)
                .setCachePeriod(0);
    }

    /**
     * 获取程序执行目录，即Jar包所在的目录（开发环境为项目所在目录）
     */
    public static String getBinPath() {
        ApplicationHome applicationHome = new ApplicationHome(WebConfig.class);
        File file = applicationHome.getSource();
        if (file == null) {
            return System.getProperty("user.dir");
        }
        return file.getParentFile().toString().replace("\\target", "");
    }

}

Maven指定打包名称

<build>
    <finalName>your-name</finalName>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>

win启动脚本

startup.bat

@echo off

set app_name=your-name

java -Duser.timezone=Asia/Shanghai -jar -Xms512m -Xmx512m %app_name%.jar

linux脚本

启动：startup.sh

@echo off

set app_name=your-name

java -Duser.timezone=Asia/Shanghai -jar -Xms512m -Xmx512m %app_name%.jar

关闭：shutdown.sh

#!/bin/sh

# 执行文件名称
app_name="your-name"

pid=$(ps -ef | grep $app_name.jar | grep -v grep | awk '{print $2}')
if [ -n "$pid" ]; then
  echo "stop $app_name.jar, pid:$pid"
  kill -9 "$pid"
fi

后端接口命名问题

如果前端路由没有使用Hash模式，地址最好不要和后端接口地址重复，在页面刷新时响应的数据是接口数据，没有页面

同时想做到前端不配置固定请求地址，就使用相对路径，不要写绝对请求地址

SpringBoot转发/index.html

将/请求转发到/index.html，地址栏不变

import jakarta.servlet.RequestDispatcher;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import java.io.IOException;

/**
 * 将首页的访问请求转发到静态页面
 */
@Controller
public class IndexController {

    @RequestMapping({"/", "/document/*"})
    public void indexRedirect(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
        System.out.println("请求：" + request.getRequestURI());
        RequestDispatcher requestDispatcher = request.getRequestDispatcher("/index.html");
        requestDispatcher.forward(request,response);
    }

}