Vue-cli解决ES6兼容性问题：

使用babel-runtime，在webpack中加入babel-loader编译器，transform-runtime插件，presets:[‘es2015′,’stage-0’]。

 

Session 、Cookie、Token：

Session:最开始时用户向服务器发请求，服务器会返回sessionID，客户端下次拿着sessionID就可以获取数据，服务器得存储每一个sessionID，压力很大。

Cookie：它的出现是为了减轻服务器压力，这次服务器会返回一个cookie存储用户的信息，cookie将会存储在客户端，下次请求时带给服务器，服务器只需要验证即可。

区别：Seesion存储更加重要的信息，cookie存储其他信息，因为cookie容易被截取。

Token：

1.cookie被截取容易出现跨站请求伪造CSRF，为了防止这一情况，服务器在响应客户端时，会发送一个无序的字符串，这个字符串就是token，token存储在客户端中，由头部的加密算法和中间的用户信息加上尾部的签名组成。

2.客户端获取token后，再次向服务器发送请求需要将其携带，服务器收到token后只需要根据头部的加密算法和尾部的签名就能验证用户登录合法性，减轻了服务器的压力，加强了数据的安全性。

3.由于token存在HTTP请求头中，保证了其无状态性，而且服务器只是生成与验证token，不对session进行操作，可以使负载均衡器将用户数据在各个服务器间传递，加强了扩展性。

4.通过设置ACAO（Access-Control-Allow-Origin）*，可以使扩展的设备实现跨域资源共享（CORS），只要用户有一个token验证成功，那么数据和资源就可以被共享。

代码实现：

axios.interceptors.request.use(
    // 请求成功回调
    function (config) {
        let token = localStorage.getItem(accessToekn)
        if (token) {
            // 将token放入请求头发送给服务器
            config.heraders.accessToekn = token;
            // 返回config
            return config
        }
    },
    // 请求失败回调
    function (error) {
        return Promise.reject(error)
    }
)

 

原文地址：http://www.cnblogs.com/jackdongdong/p/16904129.html

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 2. 分享目的仅供大家学习和交流，请务用于商业用途! 3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 如有链接无法下载、失效或广告，请联系管理员处理！ 6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！ 8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载 声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性