前后端接收不到自定义Header

后端接收不到前端自定义Header

在拦截器中添加response.setHeader("Access-Control-Expose-Headers", 自定义Header);

前端接收不到后端自定义Header

@Component
public class HeaderInterceptor implements HandlerInterceptor {


    public static final String OPTIONS = "OPTIONS";


    /**
     * 跨域获得自定义header
     *
     */
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        response.setHeader("Access-Control-Allow-Origin", "*");
        // Access-Control-Allow-Credentials为true，那么Origin不能为*
        response.setHeader("Access-Control-Allow-Credentials", "false");
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS");
        response.setHeader("Access-Control-Max-Age", "86400");
        response.setHeader("Access-Control-Allow-Headers", "token");
        if (OPTIONS.equals(request.getMethod())) {
            response.setStatus(HttpStatus.NO_CONTENT.value());
            return false;
        }
        return true;
    }
}

如果遇到上述问题，后端如果设置了response.setHeader("Access-Control-Allow-Credentials", "false");,那么记得前端需要添加

axios({
  ......
  withCredentials: false
})