vue-cli项目 使用 js-cookie

js-cookie github地址

https://github.com/js-cookie/js-cookie

使用方式

npm install js-cookie --save

引入js-cookie

import Cookies from 'js-cookie'

使用js-cookie

获取cookie对应的值

import Cookies from 'js-cookie'
// 获取对应名字的cookie
Cookies.get('对应名字');

例如：
开发者工具：

要获取该cookies的值，代码如下：

import Cookies from 'js-cookie'
// 获取对应名字的cookie
let name = Cookies.get('name'); 
console.log(name); // testasnfdinasdfina sdf

设置对应名称的cookies 及值

import Cookies from 'js-cookie'
// 设置对应名字的cookie
Cookies.set('对应名字', '对应的值');

例如要设置 cookie的名字为 test 值为 1 代码如下：

import Cookies from 'js-cookie'
// 设置对应名字的cookie
Cookies.set('test', '1');

删除对应名称的cookies

import Cookies from 'js-cookie'
// 删除对应名字的cookie
Cookies.remove('对应名字');

例如要设置 cookie的名字为 testDel 代码如下：

import Cookies from 'js-cookie'
// 删除对应名字的cookie
Cookies.remove('testDel');