项目开发和测试阶段,为了方便调试,通常会把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


