vue 获取cookies
时间: 2024-09-09 19:11:30 浏览: 49
最后说说Vue2 SSR 的 Cookies 问题
在Vue中获取cookies,可以通过使用JavaScript的`document.cookie`属性结合一些辅助函数来实现。这里有一个简单的例子来说明如何获取特定的cookie值:
```javascript
function getCookie(name) {
let cookieValue = null;
if (document.cookie && document.cookie !== '') {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
// 处理cookie键值对
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
```
在Vue组件中使用这个`getCookie`函数,你可以如下调用:
```javascript
export default {
mounted() {
const cookieValue = getCookie('cookieName'); // 'cookieName'是你想要获取的cookie的名称
console.log(cookieValue);
}
}
```
需要注意的是,这种方法获取的cookie是以分号分隔的字符串形式存在,因此如果获取到多个同名cookie,它只会返回第一个cookie的值。
阅读全文