nuxt怎么获取cookie
时间: 2023-09-18 09:11:36 浏览: 279
获取cookie
5星 · 资源好评率100%
在Nuxt中获取cookie可以使用js-cookie插件,具体步骤如下:
1. 安装js-cookie插件
```bash
npm install js-cookie --save
```
2. 在nuxt.config.js中引入插件
```js
plugins: [
{ src: '~/plugins/js-cookie.js', ssr: false }
]
```
3. 创建plugins/js-cookie.js文件,编写代码
```js
import Cookies from 'js-cookie'
export default ({ app }, inject) => {
inject('cookies', {
getCookie(name) {
return app.context.req.headers.cookie
? app.context.req.headers.cookie
.split('; ')
.find(row => row.startsWith(`${name}=`))
.replace(`${name}=`, '')
: Cookies.get(name)
},
})
}
```
4. 在需要获取cookie的组件中使用
```js
this.$cookies.getCookie('cookie_name')
```
注意:在服务端渲染时,需要使用app.context.req获取请求头中的cookie信息。在客户端渲染时,可以直接使用js-cookie插件获取cookie。
阅读全文