springMVC处理跨域问题

╰+哭是因爲堅強的太久メ 2023-10-04 08:43 21阅读 0赞

第一步 创建跨域拦截

import javax.servlet.Filter;
    import javax.servlet.FilterChain;
    import javax.servlet.FilterConfig;
    import javax.servlet.ServletException;
    import javax.servlet.ServletRequest;
    import javax.servlet.ServletResponse;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    
    /**
     * 支持跨域
     */
    public class SimpleCORSFilter implements Filter {
        @Override
        public void init(FilterConfig filterConfig) throws ServletException {
    
        }
    
        @Override
        public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
                throws IOException, ServletException {
           /* HttpServletResponse httpServletResponse = (HttpServletResponse) response;
            HttpServletRequest httpServletRequest=(HttpServletRequest) request;
            httpServletResponse.setHeader("Access-Control-Allow-Origin", httpServletRequest.getHeader("Origin"));
            httpServletResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
            httpServletResponse.setHeader("Access-Control-Max-Age", "3600");
            httpServletResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
            // 是否支持cookie跨域
            httpServletResponse.addHeader("Access-Control-Allow-Credentials", "true");
    
            chain.doFilter(request, httpServletResponse);*/
        }
    
        @Override
        public void destroy() {
    
        }
    }

第二步：在web.xml中添加配置

<filter>
            <filter-name>Simple CORSFilter</filter-name>
            <filter-class>com.raymon.asyncsvr.filter.SimpleCORSFilter</filter-class>
        </filter>
        <filter-mapping>
            <filter-name>Simple CORSFilter</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>

第三步：在ajax 添加

xhrFields: {
            withCredentials: true
              },
     crossDomain: true,

$.ajax({
                    url: url,
                    type: "GET",
                    xhrFields: {
                        withCredentials: true
                    },
                    crossDomain: true,
                    success: function (datas) {
                        var dataA = JSON.parse(datas).data;
                        var data = JSON.parse(dataA.data);
                        $("#userPhotoImg").attr("src", "data:image/png;base64," + data.Data);
                    }
                })