当前位置：首页 > news >正文

【跨域问题】

news 来源：原创 2025/5/11 23:48:57

跨域问题

官方概念：

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

本质来说，是前端请求给到后端时候，请求头里面，有一个 Origin ，会带上协议域名端口号等；后端接受到请求；如果没有在“返回头”里面放上“一些东西”，返回的时候，浏览器根据“同源策略”，就不会接受到返回；

注意：

Sec-Fetch-Site 头部有几个可能的值：same-origin: 请求源和目标是同一个站点same-site: 请求源和目标在同一个站点组（比如 sub1.example.com 和 sub2.example.com）cross-site: 跨站点请求none: 请求不是由网站发起的（比如用户直接在地址栏输入URL）

我们来看两个例子：
在这里插入图片描述
这张是微博的任意页面刷新出来的东西：
这一个请求就没有跨域啥的，
然后我们看一个 B站的例子：

其实涉及到两个概念：

Origin，（例如：https://www.bilibili.com）
Host ，（例如：https://data.bilibili.com）

Origin是发出方。Host是目的地：这里可以看上面请求里B站的Host
在这里插入图片描述

解决

后端，返回的头里加上一个允许标记：给放过；
代码仅供参考，实际要根据业务需求情况，还有一些其他配置，这里关注：config.addAllowedOrigin("http://localhost:3000");
在这里插入图片描述

// 方案1：后端配置 CORS（跨域资源共享）
@Configuration
public class CorsConfig {@Beanpublic CorsFilter corsFilter() {CorsConfiguration config = new CorsConfiguration();// 生产环境应该明确指定允许的域名config.addAllowedOrigin("https://www.your-domain.com");// 如果有多个域名，可以分别添加config.addAllowedOrigin("https://admin.your-domain.com");// 明确指定允许的请求方法，而不是使用 "*"config.addAllowedMethod("GET");config.addAllowedMethod("POST");config.addAllowedMethod("PUT");config.addAllowedMethod("DELETE");// 明确指定允许的头部，而不是使用 "*"config.addAllowedHeader("Authorization");config.addAllowedHeader("Content-Type");// 是否允许发送Cookieconfig.setAllowCredentials(true);// 预检请求的有效期，单位为秒config.setMaxAge(3600L);UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/api/**", config);return new CorsFilter(source);}
}

从前端也可以处理，生产环境的话，可以在Nginx里面配置

server {listen 80;server_name example.com;# 前端静态文件location / {root /path/to/dist;try_files $uri $uri/ /index.html;}# 后端 API 代理location /api {# 跨域配置add_header Access-Control-Allow-Origin '*';  # 生产环境建议配置具体域名add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';# 处理 OPTIONS 预检请求if ($request_method = 'OPTIONS') {return 204;}# 反向代理配置proxy_pass http://localhost:8080;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;}
}

时光海海，日常焦虑 🍀，加油

【跨域问题】

跨域问题官方概念： 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域本质来说，是前端请求给到后端时候，请求头里面，有一个 Origin ，会带上协议域名端口号等；后端接受到请求&…...

编程日记 2025/5/11 23:48:57

为什么在二维卷积操作中，将宽度（W）维度放在高度（H）之前会破坏空间局部性原则，并影响缓存性能

空间局部性原则空间局部性指的是程序倾向于访问与最近访问过的内存位置接近的内存位置。对于深度学习模型中的张量数据，这意味着当处理图像或特征图时，如果能够连续地访问相邻像素的数据，那么可以最大化利用CPU/GPU缓存，因为缓存…...

编程日记 2025/5/11 3:32:27

【C语言】_函数指针数组/转移表与回调函数

目录 1. 示例1：函数指针数组的简单使用 2. 示例2：多同类型函数调用 2.1 switch-case实现 2.2 switch-case函数指针 2.3 函数指针数组实现 3. 回调函数关于函数指针，专栏文章链接如下：【C语言】_函数指针变量-CSDN博客https…...

编程日记 2025/5/11 23:44:38

《通过财报看企业》

“借贷关系”“净资产收益率”“财务报表”、净利润、盈利能力、现金流第1章净利润：决定一家公司的股价能涨多高企业经营：存货周转率企业市值：市值净利润市盈率龙头企业：行业内收入规模最大、盈利能力最强，…...

编程日记 2025/5/7 6:01:30

年度技术突破奖｜中兴微电子引领汽车芯片新变革

随着以中央计算区域控制为代表的新一代整车电子架构逐步成为行业主流，车企在电动化与智能化之后，正迎来以架构创新为核心的新一轮技术竞争。中央计算SoC，作为支撑智驾和智舱高算力需求的核心组件，已成为汽车电子市场的重要新增量。…...

编程日记 2025/5/11 18:24:12

力扣经典题目之912.排序数组（使用希尔排序解决）

今天继续给大家分享一道力扣的做题心得今天这道题目是 912.排序数组题目链接：912. 排序数组 - 力扣（LeetCode） 题目：给你一个整数数组 nums，请你将该数组升序排列。你必须在不使用任何内置函数的情况下解决问题…...

编程日记 2025/5/11 23:38:43

QT升级及下载缓慢的问题解决办法

QT升级及下载缓慢的问题解决办法 QT安装慢解决办法： 官方下载地址: https://www.qt.io/download-dev 点开后点击download 填写相关信息后即可下载完成线上安装工具。安装工具（qt-online-installer-windows-x64-4.8.1.exe） 如下图: 此时不…...

编程日记 2025/5/11 22:59:28

List详解 - 双向链表的操作

在C中，std::list是标准模板库（STL）中的一个容器，它实现了双向链表的数据结构。与数组或向量（std::vector）不同，std::list允许在常数时间内进行插入和删除操作，尤其是在链表的任意位置…...

编程日记 2025/5/7 23:02:52

公众号如何通过openid获取unionid

通过接口 https://api.weixin.qq.com/cgi-bin/user/info?access_tokenxxxxxxx&langzh_CN 返回的数据如下： 前提是必须绑定微信开放平台 token如何获取呢代码如下： String tokenUrl "https://api.weixin.qq.com/cgi-bin/token"; …...

编程日记 2025/5/9 9:57:08

AIP-1 AIP目的和指南

原文AIP-1: AIP Purpose and Guidelines 随着Google API数量不断增加，API治理团队不断扩张，以满足API维护工作需求。越来越有必要为API生产者、审查者和其他相关方提供一套参考文档。API风格指南和一站式介绍文档简洁扼要。AIP集合提供了一种产出一致性…...

编程日记 2025/5/11 22:53:58

【学习】CMMM智能制造能力成熟度评估的重要性

CMMM认证通过对企业当前生产状态的全面评估，能够精准地确定其智能化生产的程度，并将企业的智能化生产水平划分为五个等级，包括初始级、已定义级、以管理级、卓越级和顶级。这种等级划分使得不同类型的企业能够根据自身实际情况，选…...

编程日记 2025/5/10 5:27:03

WebGIS在应急灾害中对村庄、风景区、机场的影响范围应用-以日喀则市定日县地震为例

目录前言一、关于影响范围 1、震中距离5公里 2、震中20公里范围 3、20到80公里范围二、空间查询知识 1、相关数据介绍 2、空间数据查询三、前后端数据查询以及web可视化实现 1、后台API实现 2、WebGIS前端实现四、Web成果展示 1、空间位置分析 2、包含风景区…...

编程日记 2025/5/11 2:38:47

Flink系列知识讲解之：网络监控、指标与反压

Flink系列知识之：网络监控、指标与反压在上一篇博文中，我们介绍了 Flink 网络协议栈从高层抽象到底层细节的工作原理。本篇博文是网络协议栈系列博文中的第二篇，在此基础上，我们将讨论如何监控网络相关指标，以识别吞…...

编程日记 2025/5/11 23:45:40

Postman接口测试05|实战项目笔记

目录一、项目接口概况二、单接口测试-登录接口：POST 1、正例 2、反例 ①姓名未注册 ②密码错误 ③姓名为空 ④多参 ⑤少参 ⑥无参三、批量运行测试用例四、生成测试报告 1、Postman界面生成 2、Newman命令行生成五、token鉴权（“…...

编程日记 2025/5/9 15:28:13

人工智能学习路线全链路解析

一、基础准备阶段（预计 2-3 个月） （一）数学知识巩固与深化线性代数（约 1 个月）： 矩阵基础：回顾矩阵的定义、表示方法、矩阵的基本运算（加法、减法、乘法）&…...

编程日记 2025/5/11 23:18:54

图像处理 | 图像二值化

在图像处理领域，图像二值化是一个重要的操作，它将彩色或灰度图像转换为只有两种颜色（通常是黑白）的图像。二值化广泛应用于文字识别、图像分割、边缘检测等领域，尤其在处理简洁和高对比度的图像时非常有效。本文将深入…...

编程日记 2025/5/10 22:02:10

ASP.NET Core 中服务生命周期详解：Scoped、Transient 和 Singleton 的业务场景分析

前言在 ASP.NET Core 中，服务的生命周期直接影响应用的性能和行为。通过依赖注入容器 (Dependency Injection, DI)，我们可以为服务定义其生命周期：Scoped、Transient 和 Singleton。本文将详细阐述这些生命周期的区别及其在实际业务中的应用…...

编程日记 2025/5/6 7:09:19

鼠标自动移动防止锁屏的办公神器 —— 定时执行专家

目录 ◆ 如何设置 ◇ 方法1：使用【执行Nircmd命令】任务 ◇ 方法2：使用【模拟键盘输入】任务 ◆ 定时执行专家介绍 ◆ 定时执行专家最新版下载 ◆ 如何设置 ◇ 方法1：使用【执行Nircmd命令】任务 1、点击工具栏第一个图标【新建任务】&…...

编程日记 2025/5/11 23:15:48

开源库：jcon-cpp

说明 jcon-cpp 是一个用于 C 的 JSON-RPC 库，它允许开发者通过 JSON-RPC 协议进行进程间通信（IPC）。JSON-RPC 是一种轻量级的远程过程调用协议，基于 JSON 格式数据进行通信。基于MIT协议，最新代码基于Qt6实现。可通过…...

编程日记 2025/5/5 10:57:03

Docker入门之docker基本命令

Docker入门之docker基本命令官方网站：https://www.docker.com/ 1. 拉取官方镜像并创建容器（以redis为例） 拉取官方镜像 docker pull redis# 如果不需要添加到自定义网络使用这个命令，如需要，直接看第二步 docker r…...

编程日记 2025/5/11 22:56:17

C++ Qt练习项目 QChar功能测试

个人学习笔记代码仓库 GitCode - 全球开发者的开源社区,开源代码托管平台新建项目设计UI 1、拖入group box去掉名字 2、拖入2个LineEdit 3、拖入两个Label 4、拖入两个PushButton 5、点栅格布局 1、拖入GroupBox 2、拖入4个PushButton 3、点栅格布局 1、拖入GroupBo…...

编程日记 2025/5/11 23:22:10

Taro+react 开发第一节创建带有redux状态管理的项目

Taro 项目基于 node，请确保已具备较新的 node 环境（>16.20.0），推荐使用 node 版本管理工具 nvm 来管理 node，这样不仅可以很方便地切换 node 版本，而且全局安装时候也不用加 sudo 了。 1.安装 npm inf…...

编程日记 2025/5/11 13:22:06

【SOC 芯片设计 DFT 学习专栏 -- RTL 中的信号名和 Netlist 中的信号名差异】

Overview 本文将介绍 soc 设计中 RTL-to-Netlist 映射及 RTL 中的信号名和 Netlist 中的信号名差异， 在 SoC设计中，RTL-to-Netlist映射是从RTL（Register Transfer Level）代码转换为Netlist的过程。这通常涉及将用硬件描述语言&…...

编程日记 2025/5/10 12:59:37

551 灌溉

常规解法： #include<bits/stdc.h> using namespace std; int n,m,k,t; const int N105; bool a[N][N],b[N][N]; int cnt; //设置滚动数组来存贮当前和下一状态的条件 //处理传播扩散问题非常有效int main() {cin>>n>>m>>t;for(int i1;i&l…...

编程日记 2025/5/11 23:23:14

计算机网络之---OSI七层模型

为什么会有七层模型 OSI七层模型的出现源于计算机网络技术的发展需求，主要解决以下几个问题： 标准化与互操作性随着计算机网络的快速发展，不同厂商、不同技术之间的设备和系统需要能够无缝通信。而不同厂商在网络硬件、软件、协议等方面存在…...

编程日记 2025/5/10 2:20:33

spring task使用

Spring Task 简介 Spring Task 是 Spring 框架原生自带的任务调度框架，它犹如一把瑞士军刀，为开发者提供了丰富多样的功能，助力轻松创建和管理定时任务。相较于其他一些第三方任务调度框架，Spring Task 最大的优势在于其与 Sprin…...

编程日记 2025/5/11 9:44:31

查看进程 adb shell ps | findstr com.example.myapplication// result u0_a275 26312 914 17185988 193260 do_freezer_trap 0 S com.example.myapplication用户USER: u0_a275 该字段表示运行此进程的用户。在 Android 中，应用通常以 uN_aM 的格式表…...

编程日记 2025/5/11 15:27:25

Qt重写webrtc的demo peerconnection

整个demo为： 可以选择多个编码方式： cmake_minimum_required(VERSION 3.5)project(untitled LANGUAGES CXX) set(CMAKE_CXX_STANDARD 20) set(CMAKE_INCLUDE_CURRENT_DIR ON)set(CMAKE_AUTOUIC ON) set(CMAKE_AUTOMOC ON) set(CMAKE_AUTORCC ON)set(CMA…...

编程日记 2025/5/11 17:51:42

comfyui精准作图之gligen

简介在 Stable Diffusion（SD）中，GLIGEN 是一种用于增强文本到图像生成模型可控性的技术。它通过在现有的预训练扩散模型（如 Stable Diffusion）基础上，引入额外的定位输入（如边界框、关键点或参…...

编程日记 2025/4/28 13:18:08

再次梳理ISP的大致流程

前言： 随着智能手机的普及，相机与我们的生活越来越紧密相关。在日常生活中，我们只需要轻轻按下手机上的拍照按钮，就能记录下美好时刻。那么问题来了：从我们指尖按下拍照按钮到一张色彩丰富的照片呈现在我们面前&#x…...

编程日记 2025/5/4 10:24:11

系统思考与因果智慧

“众生畏果，菩萨畏因”，这句话蕴藏着深厚的因果智慧，与系统思考不谋而合。众生畏果，体现了大多数人的行为模式：关注的是眼前的问题与结果，比如失败、冲突、痛苦。正如在系统思考中，我们称之为…...

编程日记 2025/5/7 3:35:03

k8s排错集：zk集群的pod报错 Init:CrashLoopBackOff无法启动

zk三节点集群，zk-0无法启动 statefulset 进到该node节点上查看容器的报错日志，发现在初始化container的时候一个命令有问题查看正常zk集群的pod的资源配置文件解决办法： 修改资源配置文件应该修改为 chown -R 1000:1000 /zkenv kubec…...

编程日记 2025/5/1 1:35:52

商品详情API接口数据解析，API接口系列（示例返回数据（JSON格式））

商品详情API接口是用于获取特定商品详细信息的编程接口。它通常返回JSON格式的数据，包含商品的各种属性，如名称、价格、描述、库存状态、图片URL等。以下是一个典型的商品详情API接口数据解析示例，以及如何调用和使用这些数据的基本步骤。示…...

编程日记 2025/5/7 4:41:41

Qt官方下载地址

1. 最新版本 Qt官方最新版本下载地址：https://www.qt.io/download-qt-installer 当前最新版本Qt6.8.* 如下图： 2. 历史版本如果你要下载历史版本安装工具或者源码编译方式安装，请转至此链接进行下载：https://download.qt.i…...

编程日记 2025/4/22 23:58:27

Python自学 - 类进阶(可调用对象)

返回目录 1 Python自学 - 类进阶(可调用对象) 可调用对象在Python中有很重要的作用，那什么是可调用对象呢？ 可以简单的理解为，凡是对象可以加括号给参数的都叫可调用对象，如：obj(x)中obj就是可调用对象，因…...

编程日记 2025/5/11 17:59:23

键盘过滤驱动

文章目录概述注意源码参考资料概述 irp请求会从io管理器中传递到设备栈中依次向下发送，当到达底层真实设备处理完成后，会依次返回，这时如果在设备栈中有我们自己注册的设备，就可以起到一个过滤的功能。键盘过滤驱动就是如此&am…...

编程日记 2025/5/11 22:51:00

Type-C单口便携显示器-LDR6021

Type-C单口便携显示器是一种新兴的显示设备，它凭借其便携性、高性能和广泛的应用场景等优势，正在成为市场的新宠。以下是Type-C单口便携显示器的具体运用方式： 一、连接与传输 1. **设备连接**：Type-C单口便携显示器通过Type-C接…...

编程日记 2025/5/10 1:27:08

ClickHouse vs StarRocks 选型对比

一、面向列存的 DBMS 新的选择 Hadoop 从诞生已经十三年了，Hadoop 的供应商争先恐后的为 Hadoop 贡献各种开源插件，发明各种的解决方案技术栈，一方面确实帮助很多用户解决了问题，但另一方面因为繁杂的技术栈与高昂的维护成本&…...

编程日记 2025/5/9 17:27:27

服务器数据恢复—raid5故障导致上层ORACLE无法启动的数据恢复案例

服务器数据恢复环境&故障： 一台服务器上的8块硬盘组建了一组raid5磁盘阵列。上层安装windows server操作系统，部署了oracle数据库。 raid5阵列中有2块硬盘的硬盘指示灯显示异常报警。服务器操作系统无法启动，ORACLE数据库也无法启动。服…...

编程日记 2025/5/11 23:06:08

鼠标过滤驱动

文章目录概述代码参考资料概述其编写过程大体与键盘过滤驱动相似，只需要切换一下附加的目标设备以及创建的设备类型等。但在该操作后依然无法捕获到Vmware创建的win7操作系统的鼠标irp信息，于是通过在获取鼠标驱动，遍历其所有的设备进而附…...

编程日记 2025/5/11 3:35:58

SQL进阶实战技巧：LeetCode2201. 统计可以提取的工件?

目录 0 题目描述 1 数据准备 2 问题分析第一步：生成每个工件的所有单元格第二步：标记被挖掘的单元格...

编程日记 2025/4/25 0:12:36

Supermaven 加入 Cursor：AI 编码新篇章

引言 2024 年 11 月 11 日，我们迎来了一个激动人心的时刻——Supermaven 正式加入 Cursor！ 这一合作标志着 AI 编程工具进入了一个新的发展阶段，为开发者提供更智能、更高效的编码体验。本文将带您了解此次合并的背景、意义以及未来的发展方…...

编程日记 2025/5/10 15:16:31

金融项目实战 01|功能测试分析与设计

前置内容：金融项目准备的内容笔记可直接看如下笔记只看：一、投资专业术语和二、项目简介两部分文章浏览阅读2.3k次，点赞70次，收藏67次。安享智慧理财金融系统测试项目，测试用例，接口测试，金…...

编程日记 2025/4/30 6:48:27

阿里云直播互动Web

官方文档：互动消息Web端集成方法_视频直播(LIVE)-阿里云帮助中心以下是代码实现：  <script src"https://g.alicdn.com/code/lib/jquery/3.7.1/jquery.min.js"></script> <script src&quo…...

编程日记 2025/5/11 22:50:48

python【输入和输出】

Python 有三种输出值的方式： 表达式语句print() 函数使用文件对象的 write() 方法，标准输出文件可以用 sys.stdout 引用。 ① 将输出的值转成字符串，可以使用 repr() 或 str() 函数来实现： str()： 函数返回一个用户易…...

编程日记 2025/5/7 2:50:51

网络安全建设方案，信息安全风险评估报告，信息安全检测文档（Word原件完整版）

一、概述 1.1工作方法 1.2评估依据 1.3评估范围 1.4评估方法 1.5基本信息二、资产分析 2.1 信息资产识别概述 2.2 信息资产识别三、评估说明 3.1无线网络安全检查项目评估 3.2无线网络与系统安全评估 3.3 ip管理与补丁管理 3.4防火墙四、威胁细…...

编程日记 2025/5/4 2:50:13

nexus搭建maven私服

说到maven私服每个公司都有，比如我上一篇文章介绍的自定义日志starter，就可以上传到maven私服供大家使用，每次更新只需deploy一下就行，以下就是本人搭建私服的步骤使用docker安装nexus #拉取镜像 docker pull sonatype/nexus3:…...

编程日记 2025/5/5 3:58:56

Redis为 List/Set/Hash 的元素设置单独的过期时间

一.业务简介我们知道，Redis 里面暂时没有接口给 List、Set 或者 Hash 的 field 单独设置过期时间，只能给整个列表、集合或者 Hash 设置过期时间。这样，当 List/Set/Hash 过期时，里面的所有 field 元素就全部过期了。但这样并不…...

编程日记 2025/5/4 18:00:12

高比例压缩：Linux 中的压缩命令与技巧

文章目录高比例压缩：Linux 中的压缩命令与技巧1. 压缩格式的选择2. gzip 命令示例：压缩文件示例：解压文件 3. bzip2 命令示例：压缩文件示例：解压文件 4. xz 命令示例：压缩文件示例：解压文件 5.…...

编程日记 2025/5/10 23:23:36

73.矩阵置零 python

矩阵置零题目题目描述示例 1：示例 2：提示： 题解思路分析Python 实现代码代码解释提交结果题目题目描述给定一个 m x n 的矩阵，如果一个元素为 0 ，则将其所在行和列的所有元素都设为 0 。请使用原地算法。示例…...

编程日记 2025/5/6 15:35:30

跨域问题

解决

相关文章：