egg 如何设置跨域，并且携带cookie

已于 2022-09-17 10:15:59 修改
阅读量758 收藏 2
点赞数
分类专栏： egg 文章标签： node.js
于 2021-05-30 11:26:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32486011/article/details/117396036
版权

首先安装跨域的插件并配置开启

在这里插入图片描述

在本地开发配中配置域名

在这里插入图片描述

在登录接口中设置cookie

在这里插入图片描述

前端请求设置withCredentials

在这里插入图片描述

补充几点

  • 如果是后台设置的cookie
  • 就要在后台清除，在退出登录的时候调一个接口
  • 不然单纯前端删除cookie 是删除不掉的，这是因为 cookie 有个 httpOnly,
    在这里插入图片描述
当代词圣李白
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax跨域请求COOKIE无法带上的完美解决办法
12-09
1、原生ajax请求方式： 1 var xhr = new XMLHttpRequest();  2 xhr.open(“POST”, “http://xxxx.com/demo/b/index.php”, true);  3 xhr.withCredentials = true; //支持跨域发送cookies 4 xhr.send(); 2、jquery的ajax的post方法请求： $.ajax({ type: "POST", url: "http://xxx.com/api/test", dataType: 'json', 　　　　// 允许携带证书
Vue axios 跨域请求无法带上cookie的解决
10-14
主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
asp.net(C#)跨域及跨域写Cookie问题
01-01
解决方法是： 代码如下: //www.B.com里的被调用的页面需要写P3P头，从而解除IE对写Cookie的阻止 context.Response.AddHeader(“P3P”, “CP=CAO PSA OUR”); //www.A.com里通过ajax调用www.B.com里的内容时，是跨域访问，需要使用jsonp,为配合其工作需要添加下面两句，生成jsonp返回 context.Response.ContentType = “text/plain”; context.Response.Write(string.Format(“{0}(‘OK’)”, context.Request[“
Dubbox跨域请求、Cookie设置
04-16
Dubbox跨域请求，配置CORS服务来解决跨域问题，亲测可用。
史上最全前端学习路线一条龙【内含入门到进阶到高级精选资源无套路获取】
qq_39398332的博客
11-03 703
大家好，我是xy，写了好几天，终于在今天完成啦！可以堪称是史上最贴心的前端学习路线了，帮助大家少走弯路，急速超车???? + ???? = ???????? 如果觉得这个超车路线有帮助到你，记得 ⭐️关注⭐️ 我哦，我的公众号：前端开发爱好者。一大波学习资源即将来袭，收藏保存吧???????????? 前言 经常有同学会问我，学到什么程度可以找到一份前端工作，或者会问如何入门前端，学习到什么程度可以胜任业务开发以及前端如何进阶等问题。别急！！！下面我们来把前端学习分为几个阶段，帮助你如何从一个小白成为前端
Egg 中通过 Egg-cors 配置服务器端允许跨域以及 Cookie 允许跨域
越陌度阡
11-21 2275
在开发中，有时会遇到这种问题：通过浏览器去访问一个接口可以正常获取到信息，但是通过点击事件去请求这个接口却无法正常获取到想要的信息。此时，你可能就是遇到跨域问题了， 在Egg中的解决方案如下： 1. 安装插件 npm i egg-cors --save 2. 配置插件 // config/plugin.js exports.cors = { enable: true, package: 'egg-cors', }; 3. 配置白名单 // config/confi......
egg.js 中cookie的使用
DKcode
04-09 4276
1 、Cookie 简介 cookie 是存储于访问者的计算机中的变量。可以让我们用同一个浏览器访问同一个域名的时候共享数据，实现数据的持久化。 HTTP 是无状态协议。简单地说，当你浏览了一个页面，然后转到同一个网站的另一个页面，服务器无法认识到这是同一个浏览器在访问同一个网站。每一次的访问，都是没有任何关系的。 cookie可以设置多个。 2 、设置cookie的值 第三个参数opt...
egg的跨域处理
qq_24674403的博客
08-24 627
Egg.js为企业级框架和应用而生，是阿里开源的企业级Node.js框架，我们希望由 Egg.js 孕育出更多上层框架，帮助开发团队和开发人员降低开发和维护成本。
跨域携带cookie案例.rar
11-19
前后端分离必定面临跨域问题，以下是两个跨域请求携带cookie的nginx服务，完美演示跨域请求携带cookie
探索 Electron Egg：构建跨平台桌面应用的理想选择
最新发布
算命de博客
02-19 1142
Electron Egg是一个基于Electron和Vue.js的框架，旨在简化构建桌面应用的开发流程。它提供了一个完整的开发环境，包括自动更新、调试工具、插件支持等功能，使开发者能够专注于应用的逻辑和用户界面的设计，而无需关注底层的技术细节。Electron Egg为开发者提供了一个快速、简单、强大的框架来构建跨平台桌面应用。它集成了Electron和Vue.js的优势，为开发者提供了丰富的功能和灵活的扩展性。如果你正在寻找一个理想的工具来构建你的下一个桌面应用，不妨考虑一下Electron Egg！
iframe跨域设置cookie
nishiweiyj的博客
09-29 2730
<?php header("Set-Cookie: test=xxx;Secure;SameSite=None"); ?>
Egg CURL
ycclydy的博客
12-31 972
为解决Web应用调用后端基于HTTP通信协议的服务，Egg框架基于Node.js的URL处理模块urllib内置实现了一个HttpClient（HTTP服务的客户端），以实现Web应用便捷地完成HTTP请求的调用。 urllib urllib提供了一系列用于操作HTTP URL的功能，比如数字身份认证、重定向、Cookie、网络超时等。 $ npm i -S urllib HttpClient Egg框架基于urllib内置实现了一个HTTP客户端HttpClient，框架在应用初始化阶段会自动将Htt
170+道钉钉前端扫盲知识点
前端开发博客
08-12 9635
前言最近用团队的账号发了一篇文章专有钉钉前端面试指南[1]，初衷是希望给大家传递一些可能没有接触过的知识，其中某些知识可能也超出了前端的范畴，本质是希望给大家提供一些扫盲的思路。但是文章的...
EGG 跨域 when the request‘s credentials mode is ‘include‘. The credentials mode of requests initiated
qq_32486011的博客
12-29 4416
(一) 当前端配置withCredentials=true时, 后端配置Access-Control-Allow-Origin不能为*, 必须是相应地址 (二) 当配置withCredentials=true时, 后端需配置Access-Control-Allow-Credentials (三) 当前端配置请求头时, 后端需要配置Access-Control-Allow-Headers为对应的请求头集合 ...
egg Cannot find module ‘diagnostics_channel‘
qq_32486011的博客
10-30 3356
出现 Cannot find module 'diagnostics_channel'
egg 返回图片，前端下载图片
qq_32486011的博客
05-31 2191
node 代码： async getFile() { const { ctx } = this; ctx.set('content-type','image/jpeg') ctx.body = fs.createReadStream('static/1.jpg'); } 路由 router.get('/getFile', controller.home.getFile); 前端代码 const eleLink = document.createElement('a')
egg 文件中转下载
qq_32486011的博客
06-03 1079
后台代码： controller: const fs = require('fs'); const path = require('path'); var request = require('request'); async downLoad() { const { ctx } = this; let url = ctx.query.url || null; function downloadFile(url, filename, callback) { v
egg-sequelize update +1
qq_32486011的博客
07-27 651
// service/xx.js const { literal } = require("sequelize"); await app.model.xx.update( { total: literal("total + 1"), }, { where: { id:1, }, } );
跨域重定向携带cookie
05-30
需要注意的是，如果目标地址与原地址不同，且目标地址的域名与原地址的域名不同，那么需要在目标地址的服务器端进行相应的设置，以允许跨域请求携带 Cookie。具体的实现方式可以参考 CORS 相关的标准和文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值