vue中怎么设置cookie时间
时间: 2024-09-12 13:08:57 浏览: 26
在Vue中设置cookie的时间,通常需要使用JavaScript的`Document.cookie`属性。不过,直接操作`Document.cookie`可能会比较繁琐,因为需要手动拼接cookie字符串和设置过期时间。因此,通常我们会使用一些封装好的第三方库来简化这个过程,比如`js-cookie`。
以下是使用`js-cookie`这个库来设置cookie的示例代码:
```javascript
import Cookies from 'js-cookie';
// 设置cookie,第二个参数为过期时间,这里设置为1天后过期
Cookies.set('cookieName', 'cookieValue', { expires: 1 });
// 如果你想设置一个具体的过期日期,可以这样做:
const date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); // 1天后的时间
Cookies.set('cookieName', 'cookieValue', { expires: date });
```
在这个例子中,`'cookieName'`是你的cookie的名称,`'cookieValue'`是你要设置的cookie的值,`{ expires: 1 }`中的数字`1`代表cookie将在1天后过期。
如果你没有使用第三方库,而是想手动设置cookie,可以参考以下代码:
```javascript
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
// 使用函数设置cookie
setCookie('cookieName', 'cookieValue', 1); // 设置cookie,有效期为1天
```
这里,`setCookie`函数接受三个参数:cookie的名称、cookie的值和cookie的有效天数。函数内部计算过期时间,并将cookie保存在`document.cookie`中。