前端配置了axios.defaults.withCredentials = true,但出现了跨域问题

报错如下:

:5173/#/login:1 Uncaught (in promise) AxiosError {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {...}, request: XMLHttpRequest, ...}

刚开始的时候,因为前端登录时候获取的session无法传递给其他的界面, 然后我就在网上找到了在axios的封装文件中添加axios.defaults.withCredentials = true这个指令。

添加了之后,我就开始了疯狂的出现跨域问题。

结果在网上查了很多办法,发现:后端必须也要同样配置。

简单解决:在后端配置好源和运行携带

复制代码
@CrossOrigin(origins = "http://localhost:5173/", allowCredentials = "true")
相关推荐
CPU NULL7 分钟前
Vue 3 前端调试与开发指南
前端·javascript·vue.js
2401_8604947010 分钟前
React Native鸿蒙跨平台开发:error SyntaxError:Unterminated string constant.解决bug错误
javascript·react native·react.js·ecmascript·bug
梨落秋霜12 分钟前
Python入门篇【基础语法】
开发语言·python
啊森要自信40 分钟前
【STM32】USART串口通信
c语言·开发语言·stm32·单片机·嵌入式硬件
小白学大数据1 小时前
Python 多线程爬取社交媒体品牌反馈数据
开发语言·python·媒体
幼儿园技术家1 小时前
多方案统一认证体系对比
前端
十一.3661 小时前
83-84 包装类,字符串的方法
前端·javascript·vue.js
over6971 小时前
深入解析:基于 Vue 3 与 DeepSeek API 构建流式大模型聊天应用的完整实现
前端·javascript·面试
祝余Eleanor1 小时前
Day 31 类的定义和方法
开发语言·人工智能·python·机器学习
用户4099322502121 小时前
Vue3计算属性如何通过缓存特性优化表单验证与数据过滤?
前端·ai编程·trae