一:前端浏览器禁用安全设置
创新互联-专业网站定制、快速模板网站建设、高性价比乳山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式乳山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖乳山地区。费用合理售后完善,10余年实体公司更值得信赖。
chrome的话可以通过在命令行,输入chrome.exe --allow-file-access-from-files --user-data-dir="C:/Chrome dev session" --disable-web-security
二:http服务器设置:
nginx的设置:
location /api {
add_header Access-Control-Allow-Origin $http_origin;
# add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Headers $http_access_control_request_headers;
add_header Access-Control-Max-Age 3600;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://masConsole;
if ($request_method = OPTIONS){
return 200;
}
}
例子:编写html跨域的ajax页面:
<html>
<head>
<title>tab标签页</title>
<style>
* {
padding: 0;
margin: 0;
}
ul {
list-style-type: none;
}
body {
margin: 50px;
}
#ul {
height: 30px;
margin-bottom: 10px;
}
#ul li {
height: 30px;
line-height: 30px;
padding: 0 15px;
border: 1px solid #abcdef;
float: left;
margin-right: 3px;
cursor: pointer;
}
#ul li.current {
background: #abcdef;
}
#content div {
width: 300px;
height: 200px;
border: 1px solid #abcdef;
display: none;
}
#content div.show {
display: block;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
$(function () {
$("#ul li").click(function () {
/*//1.点击li的时候切换样式
$(this).addClass("current").siblings().removeClass("current");
//2.根据li的索引值,来确定哪个div显示,其他div隐藏
$("#content>div").eq($(this).index()).show().siblings().hide();*/
//$(this).addClass("current").siblings().removeClass("current").parent().next().children().eq($(this).index()).show().siblings().hide();
$(this).addClass("current").siblings().removeClass("current").parent().next().find("div").eq($(this).index()).show().siblings().hide();
$.ajax({
url: 'https://mp.sda.cn:9999/api/customer/uaa/nologin/login?Session_businessId=1',
type: 'post',
data:{"nameLogin":"000044","passwordLogin":"000000"},
dataType: 'json',
success: function(data){
alert(JSON.stringify(data));
console.log(JSON.stringify(data));
},
error: function(err){
alert(JSON.stringify(err));
console.log(JSON.stringify(err));
}
});
});
});
</script>
</head>
<body>
<ul id="ul">
<li class="current">php</li>
<li>ruby</li>
<li>python</li>
</ul>
<div id="content">
<div class="show">php...介绍</div>
<div>ruby...介绍</div>
<div>python...介绍</div>
chrome的话可以通过在命令行,输入chrome.exe --allow-file-access-from-files --user-data-dir="C:/Chrome dev session" --disable-web-security
</div>
</body>
</html>
文章题目:浏览器跨域测试
转载来源:https://www.cdcxhl.com/article22/jdigjc.html
成都网站建设公司_创新互联,为您提供外贸网站建设、网站设计、企业网站制作、网站导航、手机网站建设、网站收录
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联