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

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

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

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

相关推荐
CodeCraft Studio18 分钟前
纯前端文档编辑组件——Spire.WordJS全新发布
前端·javascript·word·office·spire.wordjs·web文档编辑·在线文档编辑器
前端一课21 分钟前
第 32 题:Vue3 Template 编译原理(Template → AST → Transform → Codegen → Render 函数)
前端·面试
前端一课25 分钟前
第 33 题:Vue3 v-model 原理(语法糖 → props + emit → modelValue → update:modelValue)
前端·面试
前端一课29 分钟前
第 25 题:说一下 Vue3 的 keep-alive 原理?缓存是怎么做的?
前端·面试
前端一课32 分钟前
第 30 题:Vue3 自定义渲染器(Custom Renderer)原理- 为什么 Vue 能渲染到 DOM / Canvas / WebGL / 三方平台
前端·面试
前端一课32 分钟前
【vue高频面试题】第 23 题:Vue3 自定义指令(directive)完整解析
前端·面试
前端一课33 分钟前
第 28 题:Vue3 的 Diff 算法核心原理(双端 Diff、PatchFlags、Block Tree、静态提升)
前端·面试
前端一课34 分钟前
【vue高频面试题】第 21 题:Vue3 中的 Slot(插槽)— 基础、原理、使用场景、面试必问点
前端·面试