首页 > 其他分享 >axios_设置withCredentials:true的情况下的跨域问题的解决办法

axios_设置withCredentials:true的情况下的跨域问题的解决办法

时间:2023-10-20 13:56:19浏览次数:29  
标签:origin axios withCredentials Access 设置 true 跨域

  • 在项目中的请求设置了withCredentials:true之后, 后端在设置Access-Control-Allow-Origin:*的情况下浏览器依然报跨域错误
  • https://blog.csdn.net/HermitSun/article/details/100797223这篇博文里了解到
    • withCredentials的情况下,后端要设置Access-Control-Allow-Origin为你的源地址,例如http://localhost:8080,不能是*,而且还要设置header(‘Access-Control-Allow-Credentials: true’);
  • 后端使用的是nodejs的cors来处理跨域, 配置如下
const whitelist = ['http://127.0.0.1:8080']
var corsOptions = {
  origin: function (origin, callback) {
    if (whitelist.indexOf(origin) !== -1) {
      callback(null, true)
    } else {
      callback(new Error('Not allowed by CORS'))
    }
  },
  credentials: true
}
app.use(cors(corsOptions))
  • 如上配置后, 成功处理跨域

标签:origin,axios,withCredentials,Access,设置,true,跨域
From: https://www.cnblogs.com/isAyi/p/17776892.html

相关文章

  • 关于 npoi 的 DateUtil.IsCellDateFormatted(cell) 为true,取cell.DateCellValue却报
    NPOI中数字和日期都是NUMERIC类型的,这里对其进行判断是否是日期类型所以当 DateUtil.IsCellDateFormatted为true时,理论是应该可以取到  cell.DateCellValue但实际上,cell.DateCellValue可能会报异常,而取 cell.NumericCellValue却是正常的,HSSFWorkbook是excel2007以前......
  • axios基本用法
    Axios是一个流行的JavaScript库,用于进行HTTP请求。它可以在浏览器和Node.js环境中使用,提供了一种简单而强大的方式来与Web服务器进行通信,以下是Axios的基本用法示例:安装Axios:使用npm或yarn安装Axios:npminstallaxios//或yarnaddaxios在项目中引入Axios:constaxios......
  • 云计算实战(2)-TrueNAS(1)
    目录概述TrueNAS要求概述TrueNAS®CORE(以前称为FreeNAS®)是世界上最流行的存储操作系统,因为它使您能够构建自己的专业级存储系统,用于各种数据密集型应用程序,而无需任何软件成本。只需将其安装到硬件或VM上,就可以体验开源存储的真正存储自由TrueNASCORE可用于从家庭到办公室......
  • 虹科产品丨HK-TrueNAS SCALE可使用公共云存储
    HK-TrueNASSCALE用户现在可以用AWS、Azure和GCP的一小部分成本获得公共云存储。提供NAS软件的虹科iXsystems公司正在与StorJ合作,利用StorJ的分散式云存储提供全球分布式存储(GDS)服务,作为主要公共云的低成本替代品。该云有超过13,000个活动节点,可存储390亿个对象,耐用性达......
  • 总结整合案例前端页面展示+axios异步请求数据
    页面显示: vue+axios+element<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&g......
  • Javascript、axios、vue基础命令快速学习
    1.js:JavaScript基础学习JavaScript基础学习简单案例1.点击img1,则展示img1图片默认,点击img2则展示img2图片2.输入框鼠标聚焦onfocus后,显示小写toLowerCase(),失去焦点onblur后显示大写toUpperCase()3.点击全选按钮,所有复选框为被选中状态,点击反选则取消勾选状态JavaScrip......
  • Axios简介
    什么是Axios全称ajaxI/Osystem基于Promise用于浏览器和nodejs的HTTP客户端axios提供了对AJAX的良好封装学习Axios的前提是学习Ajax,可以看看我的另一篇关于Ajax的博客Axios特点在浏览器中创建XMLHttpRequest请求在node.js中发送http请求支持Promis......
  • 封装Axios的POST和GET
    对Axios的POST和GET请求的封装POST请求的两种形式。参数JSON格式/***传递json数据,在请求报文中是json格式*@paramurl*@paramparams*@returns{AxiosPromise}*/functiondoPostJson(url,params){returnaxios({url:url,method:'pos......
  • 22 axios和axios拦截器
    1.axios由于jquery有严重的地狱回调逻辑.再加上jquery的性能逐年跟不上市场节奏.很多前端工程师采用axios来发送ajax.相比jquery.axios更加灵活.且容易使用.更加美丽的是.这玩意是用promise搞的.所以更加贴合大前端的项目需求.来吧.上手试试吧<scriptsrc="/static/......
  • 为什么 Java 中“1000==1000”为false,而”100==100“为true?
    这是一个挺有意思的讨论话题。如果你运行下面的代码:Integera=1000,b=1000;System.out.println(a==b);//1Integerc=100,d=100;System.out.println(c==d);//2你会得到:falsetrue基本知识:我们知道,如果两个引用指向同一个对象,用表示它们......