融资项目——axios之跨域问题的解决

当我们在使用vscode编写的前端网页访问后台时,如果前端页面和后端不在同一个项目的时候,访问后端的数据会产生问题,如下图所示:

可以发现前端页面的端口号为5500,而请求的后端端口号为8080。此时前端无法接收后端的数据。此时则为跨域现象,跨域分为域名不同;域名相同、端口不同;协议不同三种。

如果允许前端跨域访问数据,解决办法是在后端相应的Controller方法的上方加上@CrossOrigin注解。

相关推荐
Bigger几秒前
在 React 里优雅地 “隐藏 iframe 滚动条”
前端·css·react.js
小沐°2 分钟前
vue3-ElementPlus出现Uncaught (in promise) cancel 报错
前端·javascript·vue.js
四瓣纸鹤7 分钟前
F2图表在Vue3中的使用方法
前端·javascript·vue.js·antv/f2
web前端12313 分钟前
# @shopify/react-native-skia 完整指南
前端·css
shanLion14 分钟前
从 iframe 到 Shadow DOM:一次关于「隔离」的前端边界思考
前端·javascript
精神状态良好17 分钟前
RAG 是什么?如何让大模型基于文档作答
前端
CRAB17 分钟前
解锁移动端H5调试:Eruda & VConsole 实战指南
前端·debug·webview
OpenTiny社区17 分钟前
Vue2/Vue3 迁移头秃?Renderless 架构让组件 “无缝穿梭”
前端·javascript·vue.js
敲代码的独角兽17 分钟前
深入理解 JavaScript 异步机制:从回调到 Promise 再到 async/await
前端
清风乐鸣20 分钟前
刨根问底栏目组 - 学习 Zustand 的广播哲学
前端