在Vue3项目中js-cookie库的使用


前言

今天分享一下在Vue3项目中引入使用js-cookie。

1.安装js-cookie库

js-cookie官网
在这里插入图片描述

安装js-cookie,输入

npm i js-cookie

在这里插入图片描述
安装完成可以在package.json中看到:
在这里插入图片描述
安装以后,就可以对js-cookie进行操作了。
在需要的文件中进行引入,但是发现出现了报错,项目是Vue3+ts的,由于因为没有安装ts所对应的类型库,所以是用不了js-cookie的。
在这里插入图片描述
按照提示的报错再运行一下提示的命令:
在这里插入图片描述
再次重新运行项目即可。(如果重新运行项目报错提示也没有取消,可以关闭项目,再次用VSCode打开,就会好了)。

2.引入、使用js-cookie库

在这里插入图片描述
在请求登录接口获取到token值以后,再存储token到cookie中:
在这里插入图片描述
运行项目,输入用户名密码,然后f12到Application中可以看到cookie中已经存了token值了。


猜你喜欢

转载自blog.csdn.net/m0_52043522/article/details/130422324
今日推荐