后端给浏览器写入cookie,并存入浏览器中

在这里插入图片描述
本篇文章使用的node.js写的api服务接口

// 引入express和axios
const { default: axios } = require("axios");
const express = require("express");
// 调用express(),实例化app
const app = express();
const vsurl = "https://www.kkxx.co/json";
let vslist = [];
app.get("/vs", async function (request, response) {
  if (vslist.length === 0) {
    const res = await axios.get(vsurl);
    vslist = res.data;
  }
  const cookieOptions = {
    maxAge: 24 * 60 * 60 * 1000,
    httpOnly: true,//值为true时,前端js禁止访问和修改,比较安全
    secure: false,//值为true时,https请求才能获取到token
    sameSite: "strict",
  };
  // 使用express的cookie方法,调用接口在响应头里会有set-cookie这个属性,并且有对应的cookie值
  // 打开控制台,找到cookie存储位置,也写入返回的cookie内容
  // 比如我这个返回的cookie名是kkxx,cookie值是5555,最后的cookieOptions是用来设置属性的
  // 使用格式如下 response.cookie(key, value, options);
  response.cookie(/* cookie名 */ "kkxx", /* cookie值 */ "5555",/* 配置项 */ cookieOptions);
  // 虽然返回在响应头里,在前端浏览器里并没有写入,没有使用
  // response.setHeader("Set-Cookie", [
  //   "name=John",
  //   "age=30",
  //   `options=${JSON.stringify(cookieOptions)}`,
  // ]);
  response.send(vslist || {});
});

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值