【CORS策略: Multiple CORS header ‘Access-Control-Allow-Origin‘ not allowed导致的跨域问题】

news2024/10/7 18:22:26

引起跨域CORS报错的原因有很多种!!!!!
在这里插入图片描述
这里我的报错属于最后一条。
在这里插入图片描述

探索的原因

正常axios请求接口,调试接口时出现以下问题

Access to XMLHttpRequest at 'http://192.168.31.111:9000/api/user/session' from origin 'http://localhost:8080' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:8080, *', but only one is allowed.
在这里插入图片描述
报错的大致描述是:从http://localhost:8080源访问http://192.168.31.111:9000/api/user/session处的XMLHttpRequest已被CORS策略阻止:Access- control - allow - origin头包含多个值http://localhost:8080, *,但只允许一个值。
在这里插入图片描述

探索的过程-1

前端使用vue框架,配置反向跨域代理请求。
发现问题,反向代理失效,(代理地址为IP号+端口号)
发送请求:(直接使用axios)

let res = await http.post("/api/user/session",{
    account:"admin",password:'123456'
  })

做反向代理:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer:{
    proxy:{
        "/api":{
            target:"http://romatserver.com:9000",// 请求的真实的地址
            //target:"http://192.168.111.31:9000",// 请求的IP的地址--失效
            changeOrigin:true,// 修改请求主机头,为了让代理更有隐蔽性
        }
    }
}
})

这种过程是没问题的,详细可以参考我之前写的这两篇文章
使用vue配置代理服务器解决跨域连接
详解vue中proxy代理的用法(解决跨域问题)

探索的过程-2

当使用Vue配置网络代理时,有时候在设置代理时指定IP地址可能会导致代理失效的问题。这通常是由于网络环境或代理服务器设置的问题引起的。问题是,服务器没有域名.考虑本机做域名解析来定位问题。

探索的过程-3

mac使用终端 修改host文件,
这样操作系统会自己去解析这个域名。但这不是解决办法,是我探索过程中的手段,最终这个现象还是需要后端老师支持解决。
在这里插入图片描述

使用命令行 sudo vi /etc/hosts 打开host
输入i进入编辑模式
我们在下面的位置加上要配置的 ip+空格+域名 就好了。
退出是:`按esc键,再按shift+:键,再按wq!。即可保存退出`

这样就算服务器没有域名,自己也可以通过这种手段来实现。

跨域请求解决方法----不允许有多个 ‘Access-Control-Allow-Origin’ CORS 头

已拦截跨源请求:(原因:不允许有多个 ‘Access-Control-Allow-Origin’ CORS 头)。
在这里插入图片描述
通过这种手段虽然可以拿到数据

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/598013.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java常见的数据结构:栈、队列、数组、链表、二叉树、二叉查找树、平衡二叉树、红黑树

一、数据结构 1.数据结构概述 数据结构是计算机底层存储、组织数据的方式。是指数据相互之间是以什么方式排列在一起的。 通常情况下,精心选择的数据结构可以带来更高的运行或者存储效率 2.常见的数据结构 栈 队列 数组 链表 二叉树 二叉查找树 平衡二叉…

共建、共享开源 EDA 共性技术框架 | 2023 开放原子全球开源峰会开源 EDA 分论坛即将启幕

电子电路设计自动化(EDA)融合了计算机、微电子、计算数学、图形学和人工智能等众多前沿技术,为集成电路设计、制造和封装等整个产业提供至关重要的自动化辅助设计能力。集成电路是支撑国民经济、社会发展和保障国家安全的基础性、先导性和战略…

【日常】怀念儿童时的多啦A梦

怀念儿童时期的多啦A梦 儿童时期的乐趣HTML多啦A梦效果图:总结对自己孩子的期望 儿童时期的乐趣 时光飞逝,如白驹过隙版飞逝而过,一眨眼已经到了奔三的年纪。俗话说三十而立,是我拖了三十群里的后腿,在这里说一声抱歉…

网页下载的视频看不了怎么回事 网页下载的视频怎么找不到了

在网页直接看视频虽然可以解决视频占用设备内存的情况,但直接通过网页看视频,在视频中间会有广告,或因为网速不好造成观看不流畅等问题,网页视频下来可以解决以上问题。网页下载的视频看不了怎么回事?网页下载的视频看…

连锁店也要玩转外卖:外卖商城系统让你轻松实现!

外卖商城系统是一种基于互联网技术的商业模式,它通过将消费者与商家连接起来,为消费者提供外卖服务,为商家提供一个在线销售平台。外卖商城系统的出现,极大地方便了人们的生活,也为商家带来了更多的销售机会。 商城功…

马斯克在中国的44小时!行程、会面与表态,释放出什么信号?

时隔3年,“自带流量”的美国特斯拉首席执行官马斯克再次到访中国,从公布的信息来看,可谓是行程满满。在中美关系似乎春寒料峭之际,马斯克的来华及表态极具象征意义。 马斯克:反对“脱钩断链” 5月30日下午15时30分左右…

深度学习笔记之循环神经网络(九)GRU的反向传播过程

深度学习笔记之循环神经网络——GRU的反向传播过程 引言回顾: GRU \text{GRU} GRU的前馈计算过程场景设计 反向传播过程 T \mathcal T T时刻的反向传播过程 T − 1 \mathcal T - 1 T−1时刻的反向传播路径 T − 2 \mathcal T - 2 T−2时刻的反向传播路径 总结 引言 …

事物管理.

目录 引入CURD满足什么属性,能解决上述问题?什么是事务?为什么会出现事务事务的版本支持事务提交方式事务常见操作方式事务隔离级别如何理解隔离性隔离级别查看与设置隔离性读未提交【Read Uncommitted】读提交【Read Committed】可重复读【R…

kaggle新赛:蛋白质功能预测大赛baseline

日前,Kaggle发布了CAFA 5 Protein Function Prediction蛋白质功能预测大赛。这是一个机器学习中的序列预测任务,需要你开发一个基于蛋白质氨基酸序列和其他数据的模型,预测一组蛋白质的功能。 该竞赛评估参与者对蛋白质序列的基因本体论&…

3D元宇宙数字展厅—虚拟智能化办公展厅引领未来办公新风尚

随着数字化技术和虚拟现实的迅猛发展,传统的办公方式正在经历一场革命性的变革。在这个数字化时代,虚拟智能化办公展厅正以其独特的优势和创新的展示方式,引领着未来办公的新风尚。 让我们一同探索虚拟智能化办公展厅的魅力,以及它…

k8s入门(二)之Deployment、DaemonSet、Job、CronJob

一、Deployment使用 状态:Available部署完成,Progressing进行中,Complete已经完成,Failed失败的 失败原因:Quota不足,ReadingnessProbe失败,image pull失败,Limit Ranges范围&#x…

一分钟跑出 AI 图像的生成平台

*Stability AI 最近推出了一个名为 StableStudio 的 AI 图像生成平台,这是一个开源的、基于社区驱动的平台,任何人都可以访问和使用。StableStudio 提供了一系列功能强大的工具和库,包括预训练模型、数据集、模型评估和调试工具等&#xff0c…

NSSCTF之Web篇刷题记录(13)

NSSCTF之Web篇刷题记录[12] [GXYCTF 2019]BabyUpload:[GKCTF 2020]cve版签到:[HCTF 2018]Warmup:[GDOUCTF 2023]泄露的伪装:[羊城杯 2020]easycon:[HNCTF 2022 Week1]Interesting_include: NSSCTF平台&…

还有人不知道,加盟连锁店该怎么做?酒店加盟连锁店如何招商?

还有人不知道,加盟连锁店该怎么做?酒店加盟连锁店如何招商? 想要创业的新人,一进到电商行业,看到繁杂的模式以及激烈的竞争关系,都没到平台亏钱的那一步,自己就先泄气了。一个企业能否发展起来&…

The Category-theoretic Perspective of Statistical Learning for Amateurs

统计学习.范畴论视角 title: The Category-theoretic Perspective of Statistical Learning for Amateurs author: Congwei Song description: A representation in BIMSA The Category-theoretical Perspective of Statistical Learning for Amateurs Congwei Song Email: …

基于SSM的疫苗接种平台

末尾获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端:Vue 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否Maven项目:是 目录…

抢先看!文档控件aspose.words 新版本23.05 有哪些亮点?

Aspose.Words是一种高级Word文档处理API,用于执行各种文档管理和操作任务。API支持生成,修改,转换,呈现和打印文档,而无需在跨平台应用程序中直接使用Microsoft Word。 Aspose API支持流行文件格式处理,并…

Flutter-布局(Layout)原理

1、约束、尺寸、位置 overrideWidget build(BuildContext context) {return Scaffold(body: LayoutBuilder(builder: (context, constraints) {print("body约束:" constraints.toString());return Container(color: Colors.black,width: 300,height: 300,child: L…

计算机中丢失vcomp140.dll解决方案,可以使用这个3种方法修复

vcomp140.dll是一个动态连接库文件,它是Microsoft Visual Studio 2015应用程序所必需的运行库文件之一。它在Visual C Redistributable for Visual Studio 2015包中提供,是用于支持Microsoft C/C OpenMP Runtime的库文件。计算机中丢失vcomp140.dll无法打…

LNMP网站框架搭建(编译安装)

目录 一、Nginx的工作原理 工作进程: 二、Nginx编译安装安装 三、mysql的编译安装 四、php的编译安装 验证PHP与nginx的是否连接 验证lnmp的是否搭建成功 五、部署 Discuz!社区论坛 六、fpm参数优化 一、Nginx的工作原理 php-fpm.conf …