nuxt cookie
时间: 2023-09-27 10:08:26 浏览: 166
1632 nuxt useFetch 生产报错
Nuxt.js 是一个基于 Vue.js 的通用应用框架。在使用 Nuxt.js 进行开发时,我们可以使用以下方式设置和获取 cookie:
1. 设置 cookie:
```
// 通过插件方式挂载 $cookies
// plugins/cookies.js
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
// 设置 cookie
this.$cookies.set('key', 'value', {
path: '/',
expires: 7 // cookie过期时间7天
})
```
2. 获取 cookie:
```
// 通过插件方式挂载 $cookies
// plugins/cookies.js
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
// 获取 cookie
const value = this.$cookies.get('key')
```
以上是在 Nuxt.js 中使用 vue-cookies 插件进行操作,也可以通过手动操作 document.cookie 进行设置和获取 cookie。
阅读全文