浏览器跨域测试

一:前端浏览器禁用安全设置

铬的话可以通过在命令行,输入铬。exe——allow-file-access-from-files user-data-dir=癈:/dev session"铬;——disable-web-security

二:http服务器设置:

,,nginx的设置:

位置/api {

, add_header Access-Control-Allow-Origin http_origin美元;

# add_header Access-Control-Allow-Origin *;

add_header Access-Control-Allow-Credentials真的;

, 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主机主机;

,,,proxy_set_header X-Real-IP remote_addr美元;

,,,proxy_set_header远程主机remote_addr美元;

,,,proxy_set_header X-Forwarded-For proxy_add_x_forwarded_for美元;

,,,proxy_pass http://masConsole;

,,,如果($ request_method=选项){

,,,,,返回200;

,,,}

,}

例子:编写html跨域ajax的页面:

& lt; html>,

,,

& lt; head>,

,,& lt; title>标签标签页& lt;/title>,

,,& lt; style>,

,,,,* {,

,,,,,,填充:0;,

,,,,,,保证金:0;,

,,,,},

,,,,ul {,

,,,,,,list-style-type:没有;,

,,,,},

,,,,身体{,

,,,,,,保证金:50 px;,

,,,,},

,,,,# ul {,

,,,,,,高度:30 px;,

,,,,,,margin-bottom: 10 px;,

,,,,},

,,,,李# ul {,

,,,,,,高度:30 px;,

,,,,,,行高:30 px;,

,,,,,,填充:15 0 px;,

,,,,,,边界:1 px固体#六边形abcdef;,

,,,,,,浮:左;,

,,,,,,margin-right: 3 px;,

,,,,,,光标:指针;,

,,,,},

,,,,李# ul。当前{,

,,,,,,背景:#六边形abcdef;,

,,,,},

,,,,#内容div {,

,,,,,,宽度:300 px;,

,,,,,,身高:200 px;,

,,,,,,边界:1 px固体#六边形abcdef;,

,,,,,,显示:没有;,

,,,,},

,,,,#内容div.show {,

,,,,,,显示:块;,

,,,,},

,,& lt;/style>,

,,https://www.yisu.com/zixun/& lt;脚本src=" http://libs.baidu.com/jquery/2.0.0/jquery.js ">

,,& lt; script>,

,,,,美元(函数(){,

,,,,,,(“# ul li"美元)。点击(函数(){,

,,,,,,,,/*//1。李点击的时候切换样式,

,,,,,,,,(美元).addClass (“current") .siblings () .removeClass (“current");,

,,,,,,,,//2。根据李的索引值,来确定哪个div显示,其他div隐藏,

,,,,,,,,$ (“# content> div") .eq($(这).index()),告诉().siblings () hide (); */,

,,,,,,,,//$ ().addClass (“current") .siblings () .removeClass (“current") .parent () . next()定格().eq($(这).index()),告诉().siblings () hide ();,

,,,,,,,,(美元).addClass (“current") .siblings () .removeClass (“current") .parent () . next (); (“div") .eq($(这).index()),告诉().siblings () hide ();,

,,,,,,,

,美元。null

浏览器跨域测试