cors 跨域

来源:互联网 发布:天猫比淘宝有什么优势 编辑:程序博客网 时间:2024/05/22 07:50

简单记录:

    1.客户端(简单的ajax就可以):

$.ajax({
url : '',// 跨域访问
    type: "GET",
    async: true,
success : function(a,b,c){
console.log('成功'+a)
},
error:function(a,b,c){ 
console.log('失败'+a)
}
});

2.服务器端:

添加一个filter:

public class CORSFilter implements Filter {


@Override
public void init(FilterConfig filterConfig) throws ServletException {

}


@Override
public void doFilter(ServletRequest req, ServletResponse res,
FilterChain chain) throws IOException, ServletException {
   HttpServletResponse response = (HttpServletResponse) res;
   response.setHeader("Access-Control-Allow-Origin", "*");
   response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
   response.setHeader("Access-Control-Max-Age", "3600");
   response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
   chain.doFilter(req, res);
}


@Override
public void destroy() {

}


}

在web.xml中进行配置:

<!-- cors跨域设置 -->
<filter>
 <filter-name>cors</filter-name>
 <filter-class>com.hsms.filter.CORSFilter</filter-class>
</filter>
<filter-mapping>
 <filter-name>cors</filter-name>
 <url-pattern>/*</url-pattern>
</filter-mapping>

0 0
原创粉丝点击