发表于： 2017-04-29 23:24:59
3 1236
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
服务器nginx设置为：
location /carrots-admin-ajax/{
proxy_pass http://dev.admin.carrotsNaNteng.com/;
}
location：表示匹配的路径，这时配置了/carrots-admin-ajax/表示所有请求都被匹配到这里
了解什么是垮域，解决垮域有几种方式
ajax异步请求数据，然后在尝试使用接口返回的数据时发现会有报错
JSON解析：目前前后端交互数据基本是以JSON格式为主
明天计划的事情：（一定要写非常细致的内容）
遇到的问题：（遇到什么困难，怎么解决的）
405 Request method 'GET' not supported
Resin/4.0.47 Server: 'ptteng-0'
<form class="login" action="/carrots-admin-ajax/a/login" id="form" method="post">
出现状态码 405 Method Not Allowed 表明服务器禁止了使用当前 HTTP 方法的请求。需要注意的是，GET 与 HEAD 两个方法不得被禁止，当然也不得返回状态码 405。
我已经把表单的提交方式设置为post 为什么还提示method 'GET' not supported？
收获：（通过今天的学习，学到了什么知识）
将表单 水平垂直居中理解水平垂直居中的三种方法：
1.基于 Flexbox 的水平垂直居中解决方案
2.基于绝对定位的水平垂直居中解决方案
3.基于绝对定位的水平垂直居中解决方案
/*基于 Flexbox 的水平垂直居中解决方案:先给这个待居中元素的父元素设置 display:
flex（在这个例子中是 <body> 元素），再给这个元素自身设置我们再熟悉不
过的 margin: auto（在这个例子中是 <form> 元素）*/
body {
display: flex;
}
.login {
margin:auto;
/*align-self: center;*/
/*单独设置垂直居中*/
}
.login {
/*基于绝对定位的水平垂直居中解决方案*/
/*position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);*/
/*基于视口单位的水平垂直居中解决方案*/
margin: 50vh auto 0;
transform: translateY(-50%);
padding: 0 3rem;
width: 30rem;
height: 25rem;
background-color: #D2D4D9;
text-align: center;
}
返回列表
评论