前端vue 怎么设置Cookie 的过期时间

可以使用 JavaScript 中的 Date 对象来设置 Cookie 的过期时间。以下是一个示例代码：

// 设置 Cookie 的过期时间为 1 小时后
var now = new Date();
var expireTime = now.getTime() + 60 * 60 * 1000; // 1 小时后的时间戳
var expireDate = new Date(expireTime);

// 设置 Cookie
document.cookie = 'name=value;expires=' + expireDate.toUTCString() + ';path=/';

在上面的代码中，使用 `new Date()` 获取当前时间，然后计算出过期时间的时间戳。再将时间戳转换为 Date 对象，使用 `toUTCString()` 方法将其转换为符合 Cookie 格式的字符串，最后将字符串设置为 Cookie 的过期时间。

相关问题

Java前后端分离项目，后端在response中添加Cookie，前端Vue怎么从获取Cookie并添加到浏览器中

在Vue中获取Cookie并添加到浏览器中的方法如下：

1. 安装js-cookie库

在Vue项目中使用js-cookie库方便操作Cookie，可以使用npm安装js-cookie库。

npm install js-cookie --save

2. 使用js-cookie获取Cookie

在需要使用Cookie的组件中引入js-cookie库，使用get方法获取Cookie。

import Cookies from 'js-cookie'

// 获取Cookie
let cookieName = 'cookieName'
let cookieValue = Cookies.get(cookieName)

3. 添加Cookie到浏览器中

在需要添加Cookie的组件中引入js-cookie库，使用set方法添加Cookie。

import Cookies from 'js-cookie'

// 添加Cookie
let cookieName = 'cookieName'
let cookieValue = 'cookieValue'
let cookieOption = { expires: 7 } // 设置Cookie过期时间
Cookies.set(cookieName, cookieValue, cookieOption)

注意：
- 在设置Cookie时，expires选项可以设置Cookie的过期时间，单位为天，若未设置则Cookie会话级别有效。
- 代码中的cookieName和cookieValue可以根据实际情况修改。

vue通过cookie获取用户登录信息的思路详解

在Vue中通过cookie获取用户登录信息，首先需要前后端的配合。具体的思路如下：

1. 后端设置cookie：用户登录成功后，后端服务会生成一个身份标识，通常以token的形式，并将该标识设置到cookie中。后端在生成并设置cookie时，可以通过设置cookie的过期时间来控制身份标识的有效期。

2. 前端访问cookie：在Vue中，可以通过`document.cookie`来获取当前页面的cookie信息。通过解析cookie字符串，我们可以获取到后端设置的身份标识。

3. 解析身份标识：身份标识通常是一个字符串，可以是加密过的token。前端需要对身份标识进行解析，通常使用JWT解码库或者其他加密算法进行解密。解析后，我们可以获取到用户的登录信息，比如用户名、用户ID等。

4. 显示用户登录状态：Vue可以通过Vuex来管理全局的状态。在解析成功后，我们可以将用户登录状态存储到Vuex的state中，并在需要展示用户登录状态的组件中使用computed属性或者watch监听来实时更新用户状态。

总结起来，Vue通过cookie获取用户登录信息的思路主要包括后端设置cookie、前端访问cookie、解析身份标识以及显示用户登录状态。这样就可以在Vue应用中获取并使用用户的登录信息进行相应的操作。