Vue中cookie实现三天内免登录，以及记住用户名和密码等

2023年2月17日 139次阅读 来源: 峰峰崛起的我

首先我们要在我们的项目中建立一个文件夹，如下图所示

《Vue中cookie实现三天内免登录，以及记住用户名和密码等》

2.下面来写一写关于写关于cookie的方法，获取cookie,设置，清除等，代码如下：


     //获取cookie、
     export function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
        return (arr[2]);
        else
        return null;
   }

   //设置cookie,增加到vue实例方便全局调用
   export function setCookie (c_name, value, expiredays) {
        var exdate = new Date();
        exdate.setDate(exdate.getDate() + expiredays);
        document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
   };

    //删除cookie
    export function delCookie (name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if (cval != null)
        document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
   };

3.下面来看看登录页面，都是大同小异

《Vue中cookie实现三天内免登录，以及记住用户名和密码等》

4.具体实现代码如下：

《Vue中cookie实现三天内免登录，以及记住用户名和密码等》

    原文作者：峰峰崛起的我
    原文地址: https://blog.csdn.net/lw_1220/article/details/94546099
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞