vue-cli项目使用 js-cookie

我就是我 2024-04-19 10:53 42阅读 0赞

### 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('对应名字');

例如：  
开发者工具：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9tZW5waGlzLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]  
要获取该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');

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9tZW5waGlzLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/b237f24665bb41b2b05215aa33272116.png

发表评论取消回复

表情：

评论列表（有 0 条评论，42人围观）

还没有评论，来说两句吧...

相关阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 97 阅读

相关 vueCli pwa模式增加

vue-cli2X或者vue-cli3X 文档见[官网][Link 1] 我们不用配置就可以跑起来，但是配置里面有些地方需要注意的而且不能乱改，自行看文档。配置常用的是

港控/mmm°/ 2023年07月18日 14:16/ 0 赞/ 174 阅读

相关 vuecli项目怎样使用jsx

有时候用jsx写页面可能更灵活，当然在vue中写jsx需要插件的支持我用了一些官方给出的，感觉不怎么好用，推荐安装这个安装babel-plugin-trans

柔情只为你懂/ 2023年06月16日 10:42/ 0 赞/ 28 阅读

相关 vuecli脚手架目录介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2023年01月23日 09:59/ 0 赞/ 21 阅读

相关 vuecli3 多页面配置

vuecli3 多页面配置项目结构 1. login文件配置（有配置路由） login文件目录 lo

落日映苍穹つ/ 2023年01月19日 03:24/ 0 赞/ 441 阅读

相关 vuecli4打包优化(Marksheng）

一、去除生产环境sourceMap sourceMap资源映射文件，存的是打包前后的代码位置，方便开发使用，这个占用相当一部分空间 module.exports

浅浅的花香味﹌/ 2022年12月27日 04:41/ 0 赞/ 355 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 333 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 412 阅读

相关 vuecli4中配置服务器

元气满满，直接干！在使用vuecli4开发项目时，如果需要自己开发服务器测试项目，单独编写一个服务器，非常难受！这时，我们可以在vuecli4中直接进行服务器开发。过

女爷i/ 2022年09月02日 00:44/ 0 赞/ 297 阅读

相关 vuecli4中配置打包使用相对路径

元气满满，直接干！使用vuecli4进行项目打包时，默认使用的是根目录的方式，这样打包直接项目直接运行就是一个大白屏，非常难受！这时我们就需要在设置打包使用相对目录的方

╰半橙微兮°/ 2022年09月02日 00:44/ 0 赞/ 335 阅读