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

AxiosError: Network Error

news 来源：原创 2025/9/17 1:04:26

不知怎么的，项目还在开发阶段，之前还好好的，玩儿了两天再一打开发现页面无法显示数据了，报错如下：

我以为是后端出问题了，但是后端控制台无报错，又用postman测试了一下，可以获取到数据。

后来检查了一下请求，发现是跨域请求换端口的问题，前端是5137，后端是8080，之前是可以的一直没问题

server: {port: 5173,proxy:{'/api':{target:'http://localhost:8080',//后端接口的域名 changeOrigin:true,//是否改变源rewrite:(path)=>path.replace(/^\/api/,''),//重写路径,去掉路径中的/api}}}

就是换源然后重写路径嘛，之前一直没问题，后来查了资料，有一种说法是前端做了处理还不够，后端也要设置接受这种处理。解决方法如下：

在后端的每一个controller添加@CrossOrigin注解

@CrossOrigin 是 Spring Framework 提供的一个注解，用于解决跨域资源共享（CORS）的问题。当您在后端服务中使用这个注解时，它允许您的后端服务接受来自不同源（即不同域名、协议或端口）的请求。

为什么需要 `@CrossOrigin` 注解？

在Web开发中，出于安全考虑，浏览器默认会限制从一个源发起的脚本对不同源的资源的访问。这称为同源策略（Same-Origin Policy）。如果后端服务和前端应用不在同一个源上，那么直接发起请求会遭到浏览器的阻止，从而导致跨域请求失败。

`@CrossOrigin` 注解的作用

允许跨域请求：使用 @CrossOrigin 注解可以告诉Spring框架，该接口允许跨域请求。这意味着来自不同源的请求将被接受。
配置CORS响应头：@CrossOrigin 注解会自动配置响应头，如 Access-Control-Allow-Origin，以允许跨域请求。您可以在注解中指定允许哪些源访问您的后端服务。
简化配置：使用 @CrossOrigin 注解可以简化跨域请求的配置，无需手动设置响应头，注解会自动处理这些细节。

相关文章：

AxiosError: Network Error

不知怎么的，项目还在开发阶段，之前还好好的，玩儿了两天再一打开发现页面无法显示数据了，报错如下： 我以为是后端出问题了，但是后端控制台无报错，又用postman测试了一下，可以获取到数…...

编程日记 2025/9/17 1:04:26

ImGui 学习笔记（三）—— 隐藏主窗口窗口关闭检测

ImGui 的主窗口是平台窗口，默认是可见的，这会影响视觉效果。那么怎么隐藏 ImGui 的主窗口呢？ 这很简单，但是需要针对后端做一些修改。本文仅介绍在 glfwopengl3 和 win32dx11 两种实现上如何修改。在 win32dx11 实现上&#…...

编程日记 2025/9/15 21:47:09

周末总结(2024/02/22)

工作人际关系核心实践： 要学会随时回应别人的善意，执行时间控制在5分钟以内坚持每天早会打招呼遇到接不住的话题时拉低自己，抬高别人(无阴阳气息) 朋友圈点赞控制在5min以内，职场社交不要放在5min以外职场的人际关系在面对利…...

编程日记 2025/9/15 1:56:45

SOME/IP--协议英文原文讲解11

前言 SOME/IP协议越来越多的用于汽车电子行业中，关于协议详细完全的中文资料却没有，所以我将结合工作经验并对照英文原版协议做一系列的文章。基本分三大块： 1. SOME/IP协议讲解 2. SOME/IP-SD协议讲解 3. python/C举例调试讲解 4.2.6 Er…...

编程日记 2025/9/11 21:56:51

Spring Boot 概要（官网文档解读）

Spring Boot 概述 Spring Boot 是一个高效构建 Spring 生产级应用的脚手架工具，它简化了基于 Spring 框架的开发过程。 Spring Boot 也是一个“构件组装门户”，何为构件组装门户呢？所谓的“构件组装门户”指的是一个对外提供的Web平台&#x…...

编程日记 2025/9/11 13:10:43

图像处理篇---图像处理中常见参数

文章目录前言一、分贝（dB）的原理1.公式二、峰值信噪比（PSNR, Peak Signal-to-Noise Ratio）1.用途2.公式3.示例三、信噪比（SNR, Signal-to-Noise Ratio）1.用途2.公式3.示例四、动态范围（Dyna…...

编程日记 2025/9/14 9:35:07

Win11更新系统c盘爆满处理

1.打开磁盘管理 2.右击c盘选择属性，进行磁盘管理，选择详细信息。 3.选择以前安装的文件删除即可释放c盘空间。...

编程日记 2025/8/16 17:29:20

C++关键字之mutable

1.介绍在C中，mutable是一个关键字，用于修饰类的成员变量。它的主要作用是允许在常量成员函数或常量对象中修改被标记为mutable的成员变量。通常情况下，常量成员函数不能修改类的成员变量，但有些情况下，某些成员变量的…...

编程日记 2025/9/16 5:10:01

vue3 采用xlsx库实现本地上传excel文件，前端解析为Json数据

需求：本地上传excel 文件，但需要对excel 文件的内容进行解析，然后展示出来 1. 安装依赖首先，确保安装了 xlsx 库： bash复制 npm install xlsx 2. 创建 Vue 组件创建一个 Vue 组件（如 ExcelUpload.v…...

编程日记 2025/9/8 4:52:10

【Linux系统】—— 冯诺依曼体系结构与操作系统初理解

【Linux系统】—— 冯诺依曼体系结构与操作系统初理解 1 冯诺依曼体系结构1.1 基本概念理解1.2 CPU只和内存打交道1.3 为什么冯诺依曼是这种结构1.4 理解数据流动 2 操作系统2.1 什么是操作系统2.2 设计OS的目的2.3 操作系统小知识点2.4 如何理解"管理"2.5 系统调用和…...

编程日记 2025/9/2 5:00:15

易语言模拟真人鼠标轨迹算法 - 防止游戏检测

一.简介鼠标轨迹算法是一种模拟人类鼠标操作的程序，它能够模拟出自然而真实的鼠标移动路径。鼠标轨迹算法的底层实现采用C/C语言，原因在于C/C提供了高性能的执行能力和直接访问操作系统底层资源的能力。鼠标轨迹算法具有以下优势： 模拟…...

编程日记 2025/9/13 22:09:41

PHP旅游门票预订系统小程序源码

🌍 旅游门票预订系统：一站式畅游新体验，开启您的梦幻旅程 🌟 一款基于ThinkPHPUniapp精心雕琢的旅游门票预订系统，正翘首以待，为您揭开便捷、高效、全面的旅游预订新篇章！它超越了传统预订平台…...

编程日记 2025/9/11 7:05:24

侯捷 C++ 课程学习笔记：内存管理的每一层面

目录一、C 应用程序的内存管理架构二、C 内存原语三、内存管理的实际应用四、学习心得一、C 应用程序的内存管理架构 C 应用程序的内存管理架构可以分为多个层次，从应用程序到操作系统 API，每一层都提供了不同的内存管理功能。架构图&#xf…...

编程日记 2025/9/12 17:18:48

Python开发Django面试题及参考答案

目录 Django 的请求生命周期是怎样的？ Django 的 MTV 架构中的各个组件分别是什么？ Django 的 URL 路由是如何工作的？ Django 的视图函数和视图类有什么区别？ Django 的模板系统是如何渲染 HTML 的？ Django 的 ORM 是如何工作的？ Django 的中间件是什么？它的作用是…...

编程日记 2025/9/11 19:00:21

前端js进阶，ES6语法，包详细

进阶ES6 作用域的概念加深对js理解 let、const申明的变量，在花括号中会生成块作用域，而var就不会生成块作用域作用域链本质上就是底层的变量查找机制作用域链查找的规则是:优先查找当前作用域先把的变量，再依次逐级找父级作用域直到全局…...

编程日记 2025/9/14 22:35:04

【三十四周】文献阅读：DeepPose: 通过深度神经网络实现人类姿态估计

目录摘要AbstractDeepPose: 通过深度神经网络实现人类姿态估计研究背景创新点方法论归一化网络结构级联细化流程代码实践局限性实验结果总结摘要人体姿态估计旨在通过图像定位人体关节，是计算机视觉领域的核心问题之一。传统方法多基于局部检测与图模型&#x…...

编程日记 2025/9/14 12:24:05

将 Vue 项目打包后部署到 Spring Boot 项目中的全面指南

将 Vue 项目打包后部署到 Spring Boot 项目中的全面指南在现代 Web 开发中，前后端分离架构已经成为主流。然而，在某些场景下，我们可能需要将前端项目（如 Vue）与后端项目（如 Spring Boot）集成部…...

编程日记 2025/9/13 17:23:06

Linux 权限系统和软件安装（二）：深入理解 Linux 权限系统

在 Linux 的世界里，权限系统犹如一位忠诚的卫士，严密守护着系统中的文件与目录，确保只有具备相应权限的用户才能进行操作。与其他一些操作系统不同，Linux 并不依据文件后缀名来标识文件的操作权限，而是构建了一套独特且…...

编程日记 2025/9/15 16:11:14

计算机网络常考大题

运输层的主要功能运输层为应用进程之间提供端到端的逻辑通信。运输层还要对收到的报文进行差错检测。运输层需要有两种不同的运输协议，即面向连接的 TCP 和无连接的 UDP 传输控制协议 TCP 概述 TCP 是面向连接的运输层协议。每一条 TCP 连接只能有两个端点…...

编程日记 2025/9/12 11:32:44

百度首页上线 DeepSeek 入口，免费使用

大家好，我是小悟。百度首页正式上线了 DeepSeek 入口，这一重磅消息瞬间在技术圈掀起了惊涛骇浪，各大平台都被刷爆了屏。百度这次可太给力了，PC 端开放仅 1 小时，就有超千万人涌入体验。这速度，简直比火…...

编程日记 2025/9/5 21:49:29

《跟李沐学 AI》AlexNet论文逐段精读学习心得 | PyTorch 深度学习实战

前一篇文章，使用 AlexNet 实现图片分类 | PyTorch 深度学习实战本系列文章 GitHub Repo: https://github.com/hailiang-wang/pytorch-get-started 本篇文章内容来自于学习 9年后重读深度学习奠基作之一：AlexNet【下】【论文精读】】的心得。《跟李沐…...

编程日记 2025/9/10 4:05:40

Linux搭建Nginx直播流媒体服务RTMP/RTSP转Http-flv视频浏览器在线播放/Vue/Java/ffmpeg

参考文章： https://blog.csdn.net/whatareyouding/article/details/144317654 https://www.cnblogs.com/Gredae/p/18362900 https://www.cnblogs.com/kn-zheng/p/17422707.html https://blog.51cto.com/u_16099344/10281495 https://www.tulingxueyuan.cn/tlzx/jsp…...

编程日记 2025/9/14 3:57:47

Node.js高频面试题精选及参考答案

目录什么是 Node.js？它的主要特点有哪些？ Node.js 的事件驱动和非阻塞 I/O 模型是如何工作的？为什么 Node.js 适合处理高并发场景？ Node.js 与传统后端语言（如 Java、Python）相比，有哪些优势和劣势？简述 Node.js 的运行原理，包括 V8 引擎的作用。什么是 Nod…...

编程日记 2025/9/13 18:20:38

公开整理-最新中国城市统计NJExcel+PDF版本（1985-2024年）

数据简介：《中国城市统计NJ》从1985年开始，本NJ内容共分四个部分:第一部分是全国城市行政区划,列有不同区域、不同级别的城市分布情况;第二、三部分分别是地级以上城市统计资料和县级城市统计资料,具体包括人口、劳动力及土地资源、综合经济、工业、交通…...

编程日记 2025/9/10 7:29:24

ModuleNotFoundError: No module named ‘xgboost‘

问题： --------------------------------------------------------------------------- ModuleNotFoundError Traceback (most recent call last) Cell In[1], line 64 import pickle5 from sklearn.metrics import mean_squared_error, r2_…...

编程日记 2025/9/8 0:06:50

应用层协议HTTP

应用层协议HTTP 引言应用层协议是程序员自己制定的，但是良好的协议是保证网络通信的基础，前代的计算工程师已经帮助我们制定了一些很好用的应用层协议，http(hybertext transfer protocol)(超文本传输协议)就是其中之一。 http协议是客户端…...

编程日记 2025/9/10 8:02:16

常见的“锁”有哪些？

悲观锁悲观锁认为在并发环境中，数据随时可能被其他线程修改，因此在访问数据之前会先加锁，以防止其他线程对数据进行修改。常见的悲观锁实现有： 1.互斥锁原理：互斥锁是一种最基本的锁类型，同一时间只允…...

编程日记 2025/9/16 0:56:39

PAT 甲级 1091 Acute Stroke

一开始只是简单的递归（bfs），导致最后两个没法通过（爆栈了） //最后两个案例没有通过，只是最简单的bfs暴力算法 #include<cstdio> using namespace std; int v[62][1288][130]{0}; int find(int i,int…...

编程日记 2025/9/10 19:27:09

flowable适配达梦数据库

文章目录适配相关问题无法从数据库产品名称“DM DBMS”中推断数据库类型分析解决构建ibatis SqlSessionFactory时出错：inStream参数为null分析解决 liquibase相关问题问题一：不支持的数据库 Error executing SQL call current_schema: 无法解析的成员访…...

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

Git入门：数据模型 to 底层原理

版本控制系统（VCS）是软件开发中不可或缺的工具，而Git作为现代版本控制的事实标准，其底层设计远比表面命令更加优雅。本文将从数据模型的角度，揭示Git的核心工作原理。 Git的核心概念 1. 快照（Snapshot&am…...

编程日记 2025/9/11 19:49:13

Bootstrap Blazor UI 中＜Table＞组件＜TableColumn＞使用备忘01：EF Core 外码处理

应用场景：将外码转换为对应的文本进行显示、编辑。例如，有一个【用户】表，其中有一个【用户类型ID】字段；另有一个【用户类型】表，包含【ID】、【名称】等字段。现在要求在 <Table> 组件显示列表中&#xff0c…...

编程日记 2025/9/14 4:17:11

Redis过期数据处理

Redis缓存过期后数据还能恢复吗？ Redis缓存过期后，数据通常会被删除，但可以通过以下几种方法尝试恢复数据： 1. 数据备份恢复 RDB 持久化恢复：Redis 提供了 RDB（Redis Database Backup）持久化…...

编程日记 2025/9/16 2:17:22

零基础学C/C++160——字符串

题目描述给定两个由小写字母组成的字符串A和B，判断B中的字符是否全部在A中出现。输入输入为多组测试数据。输入数据只有一行，包含2个字符串A和B，每个字符串后面有一个#字符标记（#不属于A或B），其中B…...

编程日记 2025/9/15 21:59:53

Spring Boot+Vue项目从零入手

Spring BootVue项目从零入手一、前期准备在搭建spring bootvue项目前，我们首先要准备好开发环境，所需相关环境和软件如下： 1、node.js 检测安装成功的方法：node -v 2、vue 检测安装成功的方法：vue -V 3、Visu…...

编程日记 2025/8/16 18:10:01

Linux 命令大全完整版（13）

5.文件管理命令 patch 功能说明：修补文件。语　　法：patch [-bceEflnNRstTuvZ][-B <备份字首字符串>][-d <工作目录>][-D <标示符号>][-F <监别列数>][-g <控制数值>][-i <修补文件>][-o <输出文件>][-p &l…...

编程日记 2025/9/15 5:04:14

MySQL面试学习

MySQL 1.事务事务的4大特性事务4大特性：原子性、一致性、隔离性、持久性原⼦性： 事务是最⼩的执⾏单位，不允许分割。事务的原⼦性确保动作要么全部完成，要么全不执行一致性： 执⾏事务前后，数据保持⼀…...

编程日记 2025/9/13 20:12:26

CentOS中shell脚本对多台机器执行下载安装

1.建立免密ssh连接详情见这篇： CentOS建立ssh免密连接（含流程剖析）-CSDN博客 2.脚本编写我这里只是简单写了个demo进行演示，如果服务器很多可以先暂存成文件再逐行读取host进行连接并执行命令用node1去ssh连接node2和node…...

编程日记 2025/9/15 14:25:00

【Java】多线程和高并发编程（四）：阻塞队列（上）基础概念、ArrayBlockingQueue

文章目录四、阻塞队列1、基础概念1.1 生产者消费者概念1.2 JUC阻塞队列的存取方法 2、ArrayBlockingQueue2.1 ArrayBlockingQueue的基本使用2.2 生产者方法实现原理2.2.1 ArrayBlockingQueue的常见属性2.2.2 add方法实现2.2.3 offer方法实现2.2.4 offer(time,unit)方法2.2.5 p…...

编程日记 2025/9/10 9:56:29

C语言多人聊天室 ---chat(客户端聊天)

head.h #ifndef __HEAD_H #define __HEAD_H// 常用头文件 #include <stdio.h> #include <stdlib.h> #include <string.h>// 网络编程涉及的头文件 #include <sys/socket.h> #include <netinet/in.h> #include <netinet/ip.h>#include <…...

编程日记 2025/9/11 21:35:32

设计模式教程：命令模式（Command Pattern）

1. 什么是命令模式？ 命令模式（Command Pattern）是一种行为型设计模式。它将请求封装成一个对象，从而使你能够用不同的请求、队列和日志请求以及支持可撤销操作。简单来说，命令模式通过把请求封装成对象的方式解耦了…...

编程日记 2025/9/12 4:17:41

【华三】STP的角色选举（一文讲透）

【华三】STP的角色选举一、引言二、STP基础概念扫盲三、根桥选举过程详解四、根端口选举过程详解五、指定端口选举过程详解六、阻塞端口七、总结与配置建议七、附录**1. BPDU字段结构图（文字描述）****2. 华三STP常用命令速查表** 文章总结一、引言在…...

编程日记 2025/9/15 13:40:04

Trae+Qt+MSVC环境配置

Trae Trae是字节跳动基于VSCode推出的AI集成开发环境（IDE），是一款专为中文开发者深度定制的智能编程工具。其目标是通过AI技术实现从“Copilot”到“Autopilot”的编程模式演进。类似这样的IDE比如Windsurf、Cursor，都是基于VS…...

编程日记 2025/9/13 11:19:28

SpringSecurity初始化的本质

一、对SpringSecurity初始化的几个疑问通过前面第一次请求访问的分析我们明白了一个请求就来后的具体处理流程对于一个请求到来后会通过FilterChainProxy来匹配一个对应的过滤器链来处理该请求。那么这里我们就有几个疑惑。 FilterChainProxy什么时候创建的?过滤器链和对应的…...

编程日记 2025/9/10 16:00:33

3D Gaussian Splatting（3DGS）的核心原理

3D Gaussian Splatting（3DGS）的核心原理 1. 基本概念 3D Gaussian Splatting（3DGS） 是一种基于高斯分布的点云表示与渲染技术，核心思想是将三维场景建模为一系列可学习的高斯分布，每个高斯分布具有以下…...

编程日记 2025/9/16 2:17:24

Transformers快速入门-学习笔记

一、自然语言处理 NLP 是借助计算机技术研究人类语言的科学自然语言处理发展史一、不懂语法怎么理解语言依靠语言学家人工总结文法规则 Chomsky Formal Languages 难点：上下文有关文法规则增多，存在矛盾二、只要看得足够多，就能处理语言…...

编程日记 2025/9/14 3:07:43

【Http和Https区别】

概念： 一、Http协议 HTTP（超文本传输协议）是一种用于传输超媒体文档（如HTML）的应用层协议，主要用于Web浏览器和服务器之间的通信。http也是客户端和服务器之间请求与响应的标准协议，客户端通常…...

编程日记 2025/9/13 14:24:36

学习路程二 LangChain基本介绍

前面简单调用了一下deepseek的方法，发现有一些疑问和繁琐的问题，需要更多的学习，然后比较流行的就是LangChain这个东西了。目前大部分企业都是基于 LangChain 、qwen-Agent、lammaIndex框架进行大模型应用开发。LangChain 提供了 Chain、To…...

编程日记 2025/9/8 9:54:50

简识Kafka集群与RocketMQ集群的核心区别

前记：各位潘安、各位子健/各位彦祖、于晏，文字较多，优先看目录。 Kafka集群与RocketMQ集群的核心区别及架构图例说明一、核心区别对比特性Kafka 集群RocketMQ 集群设计目标高吞吐量实时日志流系统（如日志收集、大数据流水线&a…...

编程日记 2025/9/9 3:46:36

基于Python+django+mysql旅游数据爬虫采集可视化分析推荐系统

2024旅游推荐系统爬虫可视化（协同过滤算法） 基于Pythondjangomysql旅游数据爬虫采集可视化分析推荐系统有文档说明部署文档视频讲解 ✅️基于用户的协同过滤推荐算法卖价就是标价~ 项目技术栈 Python语言、Django框架、MySQL数据库、requests网络爬虫…...

编程日记 2025/9/14 9:56:00

9-1. MySQL 性能分析工具的使用——last_query_cost，慢查询日志

9-1. MySQL 性能分析工具的使用——last_query_cost，慢查询日志文章目录 9-1. MySQL 性能分析工具的使用——last_query_cost，慢查询日志1. 数据库服务器的优化步骤2. 查看系统性能参数3. 统计SQL的查询成本：last_query_cost4. 定位执行慢的…...

编程日记 2025/9/15 12:44:39