Cookie

function getCookie(key) {
            var arr1 = document.cookie.split('; '); //这里是分号+空格分隔
            for (var i = 0, len = arr1.length; i < len; i++) {
                var arr2 = arr1[i].split('=');
                if (arr2[0] == key) {
                    return decodeURI(arr2[1]);    //加密
                }
            }
        }

        function setCookie(key, value, time) {
            var oDate = new Date();
            oDate.setDate(oDate.getDate() + time);
            document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString()+";path=/";        //路径改为全路径并解密
        }

        function removeCookie(key) {
            setCookie(key, '', -1); //调用上面的setCookie方法
        }

可以使用js.cookie.js插件： 

https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js

引用方法:

1、引入js-cookie.js

1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

2.本地下载下来后：<script src="/path/to/js.cookie.js"></script>

3.模块化开发时: import Cookies from 'js-cookie'

2、js-cookie.js常用的API和方法

a、设置cookie

Cookies.set('name', 'value', { expires: 7, path: '' });//7天过期

Cookies.set('name', { foo: 'bar' });//设置一个json

b、读取cookie

Cookies.get('name');//获取cookie

Cookies.get(); #读取所有的cookie

c、删除cookie

Cookies.remove('name'); #删除cookie时必须是同一个路径。