设置Access-Control-Allow-Origin,解决多域名跨域问题

项目开发和测试阶段,为了方便调试,通常会把Access-Control-Allow-Origin设置为“*”,等项目上线后再改为实际使用的域名

这种方式比较直接,但在使用WangEditor富文本编辑器时遇到了问题:图片上传功能需要确定具体的Access-Control-Allow-Origin,导致测试图片上传时操作较为麻烦。

经过查找,可以通过域名白名单解决:

1、设置一个允许跨域访问的域名数组。

2、通过request的getHeader(“Origin”)获取当前请求的origin。

3、判断请求域名是否在允许跨域的域名数组中。如果存在,就把获取到的origin值设置为Access-Control-Allow-Origin。

// 跨域域名设置 public static final String[] ALLOW_DOMAIN = { "http://localhost:8000", "http://192.168.0.100" };

HttpServletRequest req = (HttpServletRequest) request; HttpServletResponse res = (HttpServletResponse) response; String originHeader = req.getHeader("Origin"); if (Arrays.asList(Constants.ALLOW_DOMAIN).contains(originHeader)) { res.setHeader("Access-Control-Allow-Origin", originHeader); res.setHeader("Allow", "*"); res.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE, OPTIONS"); res.setHeader( "Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Referer, User-Agent, Authorization, X-Auth-Token"); res.setHeader("Access-Control-Max-Age", "3600"); // 接收跨域的cookie res.setHeader("Access-Control-Allow-Credentials", "true"); if ("IE".equals(req.getParameter("type"))) { ((HttpServletResponse) response).setHeader( "XDomainRequestAllowed", "1"); } if (req.getMethod().toLowerCase().equals("options")) { res.setHeader("Content-type", "text/html"); res.getWriter().write("options OK"); return; } }

更多关于云服务器域名注册虚拟主机的问题,请访问三五互联官网:www.35.com

赞(5)
声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。邮箱:3140448839@qq.com。本站原创内容未经允许不得转载,或转载时需注明出处:三五互联知识库 » 设置Access-Control-Allow-Origin,解决多域名跨域问题

登录

找回密码

注册