nuxt $cookies
时间: 2023-09-10 13:05:32 浏览: 185
universal-storage-module:Nuxt.js的通用存储实用程序
在 Nuxt.js 中使用 `$cookies` 对象可以方便地进行客户端的 Cookie 操作。
首先,确保你已经安装了 `cookie-universal-nuxt` 模块。可以通过以下命令使用 npm 安装:
```
npm install cookie-universal-nuxt
```
然后,在 Nuxt.js 项目的根目录下的 `nuxt.config.js` 文件中配置 `cookie-universal-nuxt` 模块:
```javascript
// nuxt.config.js
module.exports = {
// ...
modules: [
'cookie-universal-nuxt',
],
// ...
}
```
现在,你可以在你的页面或组件中使用 `$cookies` 对象来访问和操作 Cookie。例如:
```javascript
export default {
mounted() {
// 设置 Cookie
this.$cookies.set('token', 'abcdef', {
// 设置 Cookie 的过期时间
expires: new Date(Date.now() + 3600 * 1000), // 过期时间为1小时
})
// 获取 Cookie
const token = this.$cookies.get('token')
console.log(token)
// 删除 Cookie
this.$cookies.remove('token')
},
}
```
通过以上代码,你可以在 Nuxt.js 中轻松地使用 `$cookies` 对象进行 Cookie 的设置、获取和删除操作。
阅读全文