大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
为什么会跨域呢?简单来说就是前端页面与后台服务没有部署在同一个服务器上。
产生跨域的情况有:
1.域名不同,端口也不同;
2.域名相同但是端口不同;
3.域名不同,端口相同。
解决方案:
一、JSONP方式
1.只支持get方法,不支持postfang方法;
使用时需修改前端和后端代码,用起来也不太方便,本文不推荐使用。
二、使用springMVC架构的,使用版本4.2以上
可以使用@CorsOrigin注解,可以放在方法上,也可以放在类名上
三、使用filter
该方法也参考了spring跨域的实现
public class PostFilter implements Filter {
public void destroy() {
}
@Override
public void doFilter(ServletRequest req, ServletResponse resp,
FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) resp;
response.setHeader("Access-Control-Allow-Origin",
((HttpServletRequest) req).getHeader("Origin"));
response.setHeader("Access-Control-Allow-Methods",
"POST,GET,OPTIONS,DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept");
response.setHeader("Access-Control-Allow-Credentials", "true");
chain.doFilter(req, resp);
}
@Override
public void init(FilterConfig arg0) throws ServletException {
// TODO 自动生成方法存根
}
}
web.xml配置加入
<filter>
<filter-name>action</filter-name>
<filter-class>com.filter.PostFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>action</filter-name>
<url-pattern>*</url-pattern>
</filter-mapping>
前端ajax
$.ajax({
type:"post",
url:url,
data:jsonstr,
dataType:"json",
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function(msg){
},
error:function(XMLHttpRequest, textStatus, errorThrown){
var readystate=XMLHttpRequest.readyState;
console.log('readystate:'+readystate+'textStatus:'+textStatus);
if(readystate==4)
readystate='该帐号已被他人登录';
else readystate='请检查网络';
$('#label1').text(readystate);
$.mobile.hidePageLoadingMsg();
},
complete:function(XHR, TS){XHR = null;}
});
以上便是我用过的方法
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/172568.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...