首页 > 其他分享 >cookie的使用

cookie的使用

时间:2022-11-09 22:34:13浏览次数:48  
标签:保存 js token cookie 使用 localStorage vuex

vue中使用js-cookie通过npm i js-cookie
然后通过

import Cookies from 'js-cookie'

// 通过set,get来使用,和localStorage用法类似
Cookie.set()
Cookie.get()

在登陆时获取的token可以保存在cookie中,这样相对与保存在vuex中更加方便,vuex会因为刷新浏览器而丢失,vuex要解决这个问题要先将token保存在localStorage,然后刷新浏览器时在main.js中重新获取localStorage中的token保存在vuex。

cookie里的数据也会随着Ajax请求传给后端
image
后端可以根据需求获取cookie里的数据

cookie的作用

  1. 主要用于保存用户的登陆信息(token),来校验用户是否登陆

标签:保存,js,token,cookie,使用,localStorage,vuex
From: https://www.cnblogs.com/wang--chao/p/16875424.html

相关文章

  • COOKIE
    6.3cookiecookie是一小段的文本信息(key-value格式)。客户端向服务器发起请求,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie.客户端浏览器会......
  • react在create-react-app中使用hooks常见注意事项
    useState它的作用就是声明状态变量useState注意点:初始参数只在组件的首次渲染的时候使用,再次更新是会被忽略每次通过setXxx修改状态都会引起组件重新渲染useS......
  • 数据中台选型必读(一):元数据管理是数据使用与共享的根基
    在上个系列:数据中台的前世今生中,我们介绍了随着时代发展,为解决呈指数增长的数据分析需求而出现的一系列技术和产品,从数据仓库、数据湖到大数据平台再到数据中台。而数据中......
  • 使用vue ui可视化工具创建vue项目时,卡住不动,无法创建
    最近使用vue可视化工具创建vue项目时,一直卡住不动,无法创建,也设置了淘宝镜像,很困惑,最后终于解决。根据以下路径找到以下文件(我的node.js是默认安装在了c盘)  打开此......
  • frp 使用心得 亲测
    涉及一共三种设备:中转服务器运行frps受控服务器运行frpc操作终端运行ssh原理及步骤1.中转服务器运行frps开启运行frps服务后,开放frps监听端口(7000),接收frps的......
  • Optional 接口初使用
    Optional接口源码packagejava.util;importjava.util.function.Consumer;importjava.util.function.Function;importjava.util.function.Predicate;importjava.util.fu......
  • Python 扩展模块Cython安装及使用
    ​Cython是一种通过python语法编写C扩展的编程语言,源代码可被翻译成优化的C/C++代码并编译成Python扩展模块。 Cython使得Python语言的C扩展与Python一样简单。本文主要......
  • Promise与async、await结合使用
    Promise与async、await结合使用functionfun(){returnnewPromise((resolve,reject)=>{//返回一个Promise对象setTimeout(()=>{//此处也可以使用调其......
  • Postgresql使用触发器实现同步插入两张表
    在有一个陈旧的系统的情况下,如果升级API可以优先使用微服务的形式,将数据库进行独立拆分,将原来的数据库原原本本地固定在旧系统中,然后在独立的微服务中运行与部署新系统。......
  • Java并发编程一ThreadLocal初使用
    推荐:​​Java并发编程汇总​​Java并发编程一ThreadLocal初使用任务为了方便使用以及展现​​ThreadLocal​​​的优点,这里首先给出一个任务,然后不断地去加大任务难度,再根据......