在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值了。

---