日记：20201120

cookie、session、token区别及应用场景：

• 如果不存在跨域问题：那么使用cookie、session比较好一些。
• 如果存在跨域问题就是用token令牌

Cookie 和 Session 的区别

• 安全性： Session 比 Cookie 安全，Session 是存储在服务器端的，Cookie 是存储在客户端的。
• 存取值的类型不同：Cookie 只支持存字符串数据，想要设置其他类型的数据，需要将其转换成字符串，Session 可以存任意数据类型。
• 有效期不同： Cookie 可设置为长时间保持，比如我们经常使用的默认登录功能，Session 一般失效时间较短，客户端关闭（默认情况下）或者 Session 超时都会失效。
• 存储大小不同： 单个 Cookie 保存的数据不能超过 4K，Session 可存储数据远高于 Cookie，但是当访问量过多，会占用过多的服务器资源。

路由重定向

• 在router.js路由配置里面指定重定向关系

案例
{path:’/’,redirect:’/login’}

Element-ui 表单内容校验

• 给表单：rules绑定校验规则
• 在data中绑定校验规则对象
• 在item项:prop指定校验规则名

axios的使用案例

• get请求

axios
  .get('http://rap2api.taobao.org/app/mock/23080/resources/search',{
      params: {
         id: 5
      }
   })
  .then(res => {
    console.log('数据是:', res);
  })
  .catch((e) => {
    console.log('获取数据失败');
  });

• post请求

this.$axios.post('http://rap2api.taobao.org/app/mock/121145/post',{
  name: '小月'
})
.then(function(res){
  console.log(res);
})
.catch(function(err){
  console.log(err);
});

将axios挂载到原型对象上，让每个vue都可以通过this.$http就能够发起请求

案例
import axios from ‘axios’ ;Vue.prototyper.$http=axios

请求根路径设置

• axios.defaults.baseURL = ‘https://www.baidu.com/’

async await使用方法

• 用来处理promise对象
• await放在一个异步请求之前
• async放在离awite最近的一个函数

解构赋值{data:res}

• data代表对象里面的属性名
• res代表自己起的别名