【面试官】springboot+vue3架构，跨域问题导致的前端接口状态码200，但是浏览器无响响应如何处理？

最新推荐文章于 2025-06-13 10:04:58 发布

寒山2.0

最新推荐文章于 2025-06-13 10:04:58 发布

阅读量1.6k

点赞数 12

CC 4.0 BY-SA版权

分类专栏：面试题前端后端框架文章标签： spring boot 前端

本文链接：https://blog.csdn.net/qq_36083245/article/details/139945341

在Vue + Spring Boot架构中，如果你遇到了跨域问题导致前端接口状态码为200，但是浏览器无响应的情况，这通常是因为浏览器的CORS（跨源资源共享）策略阻止了请求的响应。尽管服务器返回了200状态码，但浏览器可能会忽略响应内容，因为它认为响应不安全。
以下是一些可能的解决方案：

1. Spring Boot配置CORS

确保Spring Boot应用正确配置了CORS。你可以在Spring Boot应用中全局配置CORS，或者为特定的控制器或方法配置CORS。

全局CORS配置

在Spring Boot的配置类中添加以下代码：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;