解决前后端分离中的跨域问题的一种方式

1.跨域简介

一句话理解：浏览器器从一个域名的网页去请求另个域名的资源时，域名、端口、协议任⼀不不同，都是跨
域（localhost和127.0.0.1虽然都指向本机，但也属于跨域。）

2.问题出现示例

3.问题解决：在SpringBoot 通过拦截器器配置

• 配置拦截器

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CorsInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

        //表示接受任意域名的请求,也可以指定域名
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("origin"));
        
        //该字段可选，是个布尔值，表示是否可以携带cookie
        response.setHeader("Access-Control-Allow-Credentials", "true");
        
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS");
        
        response.setHeader("Access-Control-Allow-Headers", "*");


        return true;
    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {

    }
}

• 注册拦截器，拦截所有路径，且放在第一顺序

4.问题解决

• 浏览器中再次请求

• 最后，感谢你看到这里:)