2020年6月8日 星期一
The key to immortality is first living a life worth remembering.
从今天开始就写后台管理系统了，以前就是没有的完整的写过，只是使用简单的ui框架搭建小型的案例，今天呢主要写了后台管理的登陆页面，这个页面上主要就是表单的验证，以及获取到token 存放到localStorage里面进行跳转的验证。顺带的复习了一下跨域的问题：
什么是跨域
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域
为什么会出现跨域问题呢
出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最
基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建
在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascrip
t脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（
protocol），主机（host）和端口号（port）
非同源限制
<1>无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB
<2>无法接触非同源网页的 DOM
<3>无法向非同源地址发送 AJAX 请求
解决跨域的方法
1、JSONP： JSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，兼容性好（兼容低版本IE），缺点是只支持get请求，不支持post请求。
核心思想：网页通过添加一个<script>元素，向服务器请求 JSON
数据，服务器收到请求后，将数据放在一个指定名字的回调函数的参数位置传回来。
2、CORS CORS 是跨域资源分享（Cross-Origin Resource Sharing）的缩写。它是 W3C 标准，属于跨源 AJAX 请求的根本解决方法。
普通跨域请求：只需服务器端设置Access-Control-Allow-Origin
带cookie跨域请求：前后端都需要进行设置
hr.withCredentials字段判断是否带有cookie
3、 代理（前端代理（利用webpack中的proxy），后端代理：nginx反向代理）、
https://www.cnblogs.com/Scooby/p/11782482.html
提交方式：动词
GET：读取（Read）
POST：新建（Create）
PUT：更新（Update）
PATCH：更新（Update），通常是部分更新
DELETE：删除（Delete
例如：
获取：GET /users/1001 获取所有用户
创建：POST /users {id:1001,name:'jack',age:20} 创建一个 {id:1001,name:'allice'} 用户
全部更新PUT /user {id:1001,name:'jack'} 更新一个 id为1001的 用户为jack
部分更新 PATCH /user {id:1001,name:'jack'} 更新一个 id为1001的 用户为jack
删除 DELETE /user/1001 代表删除id为1001的用户
