发表于: 2017-05-26 21:27:12

1 834


今天完成的事情:

使用js原生代码post了一天,最后终于在高高师兄的指导下,成功了

原因就是我的js代码多了一个ip前缀,这样导致我请求的地址相当于重复了,变成了http://dev.admin.carrots.ptteng.com/dev.admin.carrots.ptteng.com/这样肯定一直报错的。

原生代码如下:

var req = null;

//获取输入框的值
function login() {
var a = document.getElementById("username").value;
   var b = document.getElementById("psw").value;
   console.log(a, b);
   var m = "name=" + a + "&pwd=" + b;
   req = new XMLHttpRequest();
   req.onreadystatechange = RequestCallBack;
   function RequestCallBack() {
if(req.readyState === 4) {
if(req.status === 200) {
console.log(JSON.parse(req.responseText));
           }
}
}
req.open("POST", "/carrots-admin-ajax/a/login", true);
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(m);
}

2.听高高师兄的建议,学习了一波nginx本地配置location的具体的东西:

语法规则: location [=|~|~*|^~] /uri/ { … } 

= 开头表示精确匹配 

^~ 开头表示uri以某个常规字符串开头,理解为匹配 url路径即可。nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格)。 

~ 开头表示区分大小写的正则匹配 

~*  开头表示不区分大小写的正则匹配 

!~和!~*分别为区分大小写不匹配及不区分大小写不匹配 的正则 

/ 通用匹配,任何请求都会匹配到。 

多个location配置的情况下匹配顺序为: 

首先匹配 =,其次匹配^~, 其次是按文件中顺序的正则匹配,最后是交给 / 通用匹配。当有匹配成功时候,停止匹配,按当前匹配规则处理请求。 


例子,有如下匹配规则: 

location = / {

#规则A

}

location = /login {

#规则B

}

location ^~ /static/ {

#规则C

}

location ~ \.(gif|jpg|png|js|css)$ {

#规则D

}

location ~* \.png$ {

#规则E

}

location !~ \.xhtml$ {

#规则F

}

location !~* \.xhtml$ {

#规则G

}

location / {

#规则H

}


那么产生的效果如下: 

访问根目录/, 比如http://localhost/ 将匹配规则A 

访问 http://localhost/login 将匹配规则B,http://localhost/register 则匹配规则H 

访问 http://localhost/static/a.html 将匹配规则C 

访问 http://localhost/a.gif, http://localhost/b.jpg 将匹配规则D和规则E,但是规则D顺序优先,规则E不起作用, 而 http://localhost/static/c.png 则优先匹配到 规则C 

访问 http://localhost/a.PNG 则匹配规则E, 而不会匹配规则D,因为规则E不区分大小写。 

访问 http://localhost/a.xhtml 不会匹配规则F和规则G,http://localhost/a.XHTML不会匹配规则G,因为不区分大小写。规则F,规则G属于排除法,符合匹配规则但是不会匹配到,所以想想看实际应用中哪里会用到。 

访问 http://localhost/category/id/1111 则最终匹配到规则H,因为以上规则都不匹配,这个时候应该是nginx转发请求给后端应用服务器,比如FastCGI(php),tomcat(jsp),nginx作为方向代理服务器存在。 (正是本次任务所用到的)


明天计划的事情:

完成任务5

遇到的问题:

已经解决

收获:

使用原生js来访问服务器并获取返回值


返回列表 返回列表
评论

    分享到