vue 设置会话cookie的属性为httponly

可以通过设置 `Vue-cookies` 插件中的 `httponly` 参数来设置会话 Cookie 的属性为 HttpOnly。具体的代码如下：

import Vue from 'vue'
import VueCookies from 'vue-cookies'

Vue.use(VueCookies)

Vue.$cookies.config('0', '', '', true, 'None', true, 'Strict')

在上述代码中，`Vue.$cookies.config()` 方法中的第 7 个参数为 `true`，表示设置会话 Cookie 的属性为 HttpOnly。同时，也可以通过设置第 4 个参数为 `true` 来设置会话 Cookie 的过期时间为会话结束时。

相关问题

vue如何设置cookie为15分钟

您可以使用JavaScript中的document.cookie属性来设置cookie。以下是一个示例代码：

var now = new Date();
var time = now.getTime();
time += 15 * 60 * 1000; // 15分钟
now.setTime(time);
document.cookie = 'cookieName=cookieValue; expires=' + now.toUTCString() + '; path=/';

这将在15分钟后过期名为cookieName的cookie，并将其值设置为cookieValue。请注意，这将在整个网站上可用，因为路径设置为“/”。

vue config 设置cookie配置

在Vue中，我们可以通过配置vue.config.js文件来设置cookie配置。

首先，我们需要创建一个vue.config.js文件，该文件应该位于Vue项目的根目录下。如果该文件不存在，则可以手动创建。

在vue.config.js文件中，我们可以使用configureWebpack配置项来设置cookie配置。具体的配置方法如下：

module.exports = {
configureWebpack: {
// 其他配置项...
devServer: {
// 设置cookie配置
before(app) {
app.use((req, res, next) => {
// 设置cookie
res.setHeader('Set-Cookie', 'key=value; path=/; HttpOnly');
next();
});
},
},
},
};

在上述配置中，我们使用before钩子函数来设置cookie。在每个请求前，该函数会被调用。通过设置res.setHeader('Set-Cookie', 'key=value; path=/; HttpOnly')语句，我们可以设置cookie的值、路径和属性。

其中，'key=value'是我们要设置的cookie的内容，可以根据实际需求进行修改。path=/表示该cookie在整个网站内有效，HttpOnly属性表示该cookie只能通过HTTP协议传输，不能被JavaScript代码访问，以增加安全性。

通过以上的vue.config.js配置，我们成功设置了cookie的配置，可以在Vue项目中使用cookie来实现各种功能，如用户身份验证、持久登录等。