#最新

nuxt.js 如何获取到cookie

在前端的话 通过 document.cookie的时候可以获取到cookie ，但是当你在nuxt框架使用的时候 你会发现 没有生效 无法获取cookie,因为cookie只能在客户端使用 nuxt 本质不算是客户端了 只能使用 cookie-universal-nuxt 来配置获取cookie

第一步 安装 cookie-universal-nuxt

npm i --save cookie-universal-nuxt

第二步 配置config.nuxt.js

modules: [
//有参数配置的
'cookie-universal-nuxt', ['cookie-universal-nuxt', {
parseJSON: true
}],
// 无参数配置
'cookie-universal-nuxt'
],

配置之后 可以通过 在引入插件 app.$cookie 或者文件 this.$cookie 获取对应的cookie 对象

第三步 根据API进行方法逻辑处理

设置cookie

this.$cookies.set('token', 123456)

获取cookie

this.$cookies.get("token")

清除cookie

this.$cookies.remove('token')

在asyncData获取

async asyncData({ app }) {
 console.log(app.$cookies.get("token"));
},