vue中cookie的使用——将cookie放在请求头header中

红太狼 2022-09-08 06:00 456阅读 0赞

第一步：封装cookie

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

//设置cookie
    export function setCookie(c_name, value,expire) {
      var date = new Date()
      date.setSeconds(date.getSeconds() + expire)
      document.cookie = c_name + "=" + escape(value) + "; expires=" + date.toGMTString()
    }
    
    
    //获取cookie
    export function getCookie(c_name) {
      if (document.cookie.length > 0){
        let c_start = document.cookie.indexOf(c_name + "=")
        if (c_start != -1) { 
          c_start = c_start + c_name.length + 1 
          let c_end = document.cookie.indexOf(";", c_start)
        if (c_end == -1) {
          c_end = document.cookie.length 
        }
        return unescape(document.cookie.substring(c_start, c_end))
        } 
      }
      return ""
    }
    
    
    //删除cookie
    export function delCookie(c_name) {
      setCookie(c_name, "", -1)
    }

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

第二步：在main.js中进行全局调用

import { getCookie,setCookie,delCookie} from "ssgframework/src/components/cookie";
    
    Vue.prototype.$cookieStore = { getCookie,setCookie,delCookie }

[48304ba5e6f9fe08f3fa1abda7d326ab.png]: /images/20220829/d8f9baa07cda4f28b3c7028b21f9a32c.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vue 中使用 vue-cookie 操作 cookie

安装 npm install vue-cookies --save 在main.js引入 import VueCookies from 'vue-cook

快来打我*/ 2023年07月02日 03:20/ 0 赞/ 24 阅读

相关前端设置Cookie请求头报错 Refused to set unsafe header “Cookie“

w3c规定，当请求的header匹配以下不安全字符时，将被终止 Accept-Charset Accept-Encoding Connecti

小鱼儿/ 2023年02月22日 12:19/ 0 赞/ 30 阅读

相关 vue中使用js-cookie

下载： npm install js-cookie --save 引入 import Cookies from 'js-cookie' 存储数据

野性酷女/ 2023年01月08日 02:21/ 0 赞/ 177 阅读

相关 php cookies_在PHP中使用Cookies

php cookies As a website developer, you can use [PHP][] to set cookies that contain inf

痛定思痛。/ 2022年12月06日 15:29/ 0 赞/ 215 阅读

相关 js-cookie 在Vue中简单使用

js-cookie是什么？一个简单，轻量级的JavaScript API，用于处理浏览器cookie。cookie是存储在浏览器上的一小段数据，用来记录某些

水深无声/ 2022年10月02日 07:51/ 0 赞/ 188 阅读

相关设置Cookie请求头报错(Refused to set unsafe header “Cookie“)

请求的header匹配以下不安全字符时，将被终止，具体参考如下： Accept-Charset Accept-Encoding Connect

朴灿烈づ我的快乐病毒、/ 2022年09月08日 06:00/ 0 赞/ 745 阅读

相关 vue中cookie的使用——将cookie放在请求头header中

第一步：封装cookie ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] //设置cookie export f

红太狼/ 2022年09月08日 06:00/ 0 赞/ 457 阅读

相关 vue 中的cookie使用

一，安装饼干在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的时候，npm install已经为我们安装好了。我的安装方式如下：全局安装

川长思鸟来/ 2022年05月24日 09:35/ 0 赞/ 328 阅读

相关 vue-cookies使用方法，vue中使用获取cookie

1.安装vue-cookies npm install vue-cookies -S 2.在main.js引入 import VueCookies fro

阳光穿透心脏的1/2处/ 2021年09月02日 08:37/ 0 赞/ 3791 阅读

相关 Vue中使用js-cookie

目录一、安装js-cookie 二、使用 1、局部使用 2、全局使用 -------------------- 一、安装js-cookie

浅浅的花香味﹌/ 2021年07月25日 16:32/ 0 赞/ 493 阅读