美文网首页
js-cookie的使用

js-cookie的使用

作者: htmlAir | 来源:发表于2020-06-30 10:20 被阅读0次

    官方文档

    1、安装与引用

    npm install js-cookie --save //安装
    
    import Cookies from 'js-cookie' //引用
    

    2、script引用

    资源地址:https://www.bootcdn.cn/js-cookie/

    <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/2.2.1/js.cookie.js"></script>
    

    3、使用

    //设置Cookie
    Cookies.set('name', '张三');
    //设置3天时间期限的Cookie
    Cookies.set('name', '张三', { expires: 3 });
    //在Cookie中存json,自动转换字符串格式
    let json = {
       name:'张三',
       age:18
    }
    Cookies.set('json',json);
    
    //读取Cookie
    Cookies.get('name');
    //读取所有Cookie
    Cookies.get();
    //读取json格式Cookie,从字符串转换成json格式
    JSON.parse(Cookies.get('json'))
    
    //删除Cookie
    Cookies.remove('name');
    
    

    4、二级域名下共享 cookie

    /**
    * 在相同二级域名下共享 cookie 的方案,即 a.baidu.com , b.baidu.com 如果需要共享 cookie 
    */
    
    // a.baidu.com中设置Cookie
    Cookies.set('name', '张三', { path: '/', domain: '.baidu.com' });
    
    // b.baidu.com中获取Cookie
    Cookies.get('name');
    
    // b.baidu.com中删除Cookie
    Cookies.remove('name', { path: '/', domain: '.baidu.com'});
    
    

    相关文章

      网友评论

          本文标题:js-cookie的使用

          本文链接:https://www.haomeiwen.com/subject/wdphfktx.html