亲测可用:Axios携带自定义的Cookie解决方案

这篇具有很好参考价值的文章主要介绍了亲测可用:Axios携带自定义的Cookie解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

亲测可用:Axios携带自定义的Cookie解决方案

做项目时遇到一个需求,后端需要在接口请求时,对用户登陆状态进行判断,需要在请求时携带Cookie。
但是,Axios请求默认时不携带Cookie的

解决方案:

  1. main.js中添加以下代码:
import axios from 'axios'
axios.defaults.withCredentials = true;
  1. 在浏览器的Application中添加要携带的Cookie

axios 添加cookie,前端,Vue,javascript,javascript,前端,html,axios,cookie

踩坑记录

无效的解决方案:
直接在headers中加入“Cookie“ 并不能解决问题文章来源地址https://www.toymoban.com/news/detail-693773.html

 axios({
    withCredentials: true,
    method: "post",
    url: "api/Admin/AuthManage/AuthHandler.ashx?t=954",
    headers: {
      "Content-Type": "application/x-www-form-urlencoded",
      "Cookie":'myCookie=83C13185E0......'
    },
    data: "BizContext=" + JSON.stringify(requestBodyData),
  })
    .then((res) => {
      ....
    })
    .catch((err) => {
      ....
    });

到了这里,关于亲测可用:Axios携带自定义的Cookie解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue3配置代理解决跨域请求及携带Cookie问题

    在前后端开发的过程中,经常涉及跨域请求的问题。 跨域请求。 axios发送请求时携带cookie,用于后端用户认证。 问题1解决: 给vue3配置代理服务器,后台无需进行跨域请求配置。在 vue.config.js 配置文件中进行配置。添加一下代码 问题2解决: 配置axios发送请求的时候带上co

    2024年01月16日
    浏览(59)
  • Flask 登陆生成cookie,携带cookie请求

    导入所需的模块: Flask 、 request 、 jsonify 和 random 。 创建一个Flask应用程序实例,并设置 SECRET_KEY 配置。 /login 路由定义为 POST 方法。它检查提供的用户名和密码是否与硬编码的值( admin 和 admin )匹配。如果登录成功,它生成一个随机的cookie,并返回一个带有成功消息和生成

    2024年02月16日
    浏览(58)
  • postman请求携带Cookie

    本文提供一种让请求携带Cookie的高效解决方案,之前试过使用 Postman Interceptor 插件,但是刚开始配置完有效,过了一天后就失效了,所以自己去找其它方法实现了。 原文:语雀 **思路:使用环境变量 步骤 关闭自动生成的Cookie头 设置环境变量 把环境变量添加到请求参数中(

    2024年02月11日
    浏览(39)
  • Angular:跨域请求携带 cookie

    1. 新建文件夹 http-interceptors 2. 新建拦截器 common.interceptor.ts 3. 用一个数组汇总起来,统一引入: index.ts (后续需要添加拦截器,只需加入到该数组即可) 4. 引入拦截器使用: service.module.ts

    2024年01月23日
    浏览(51)
  • 前端为什么发请求没有携带cookie?

    在前端发送请求时,如果想要携带 cookie,通常只能携带存储在与请求域名相同路径的 cookie。这是由浏览器的同源策略所决定的。 同源策略要求请求的域名、协议和端口都必须一致,否则浏览器会限制跨域请求的权限。当浏览器发送跨域请求时,默认情况下不会自动携带 co

    2024年02月06日
    浏览(91)
  • axios如何解决跨域的方案

    由于解决跨域需要用到headers属性,所以在axios形参中需要用对象形式包裹,同时api接口也要放在url属性当中, 废话不多说,直接上代码,然后在请求接口 ---- 到浏览器的控制台 — 点击刚刚请求的接口 ---- 找到Request Headers 下 ----application/octet-stream ,如果有看到这个属性代表解

    2024年02月11日
    浏览(51)
  • win10系统解决office软件图标是白色的方法(亲测可用)

    公司办公电脑使用win10图标,最近发现office的图标包含word,ppt,excel的图标都是白色的了,但是也正常使用,就是看着不好看,查了网上的一些资料也没有,综合网上的一些资料,整理了一个方法,亲自测试了以下,正常可用(注意里面的细节). 首先我使用的是2016版,如果其他的版本可以参考

    2024年02月06日
    浏览(48)
  • 浏览器对跨域请求携带Cookie的方法

    企业开发时会分开发环境、测试环境以及生产环境,但是有的企业开发只有真正发布到线上的生产环境的流程才会严格配置,有的项目开发环境或者测试环境中,前后端配置没有特别严格要求,就导致前端请求发送时返回错误信息。比如项目发送了一个跨域请求,该请求需要

    2024年02月16日
    浏览(50)
  • axios跨域请求设置并携带Cookies

    书接上回:《axios转发/oauth/authorize未设置cookies问题》 上回实现了axios 在client域名下情趣oauth域名并使response返回Set-Cookies的header 但是,接下来在域名oauth.szile.com域名下请求接口时,请求没有携带设置的Cookie,这是问什么? 难道是没有设置成功? 查看Application下Cookie,确实是没

    2024年02月04日
    浏览(46)
  • 解决“由于没有远程桌面授权服务器可以提供许可证……”(亲测可用)

    解决Windows远程桌面连接“ 由于没有远程桌面授权服务器可以提供许可证…… ”问题,亲测可用。 mstsc 连接 Windows 远程桌面,报错如下: “由于没有远程桌面授权服务器可以提供许可证,远程会话连接已断开。请跟服务器管理员联系。” 打开 mstsc 时带上 /admin 等参数,如下

    2024年02月03日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包