解决 SpringBoot + Vue 跨域问题

最新推荐文章于 2024-08-13 20:38:59 发布

Wyx_

最新推荐文章于 2024-08-13 20:38:59 发布

阅读量2k

点赞数 1

分类专栏： SpringBoot Tips Java

本文链接：https://blog.csdn.net/Wyx_wx/article/details/90181335

版权

当SpringBoot和Vue应用结合时，由于浏览器的同源策略，可能会遇到跨域问题。解决这个问题可以借助CORS协议。在SpringBoot中配置CORS允许跨域，但需要注意在有拦截器的情况下，浏览器会先发送OPTIONS预检请求。如果这个预检请求被拦截器拦截，实际请求将不会执行。因此，需要在拦截器中特别处理OPTIONS请求，确保预检请求能顺利通过。

摘要由CSDN通过智能技术生成

出现跨域问题的条件：

请求的 URL 地址与浏览器的地址的域名、端口、协议三者的其中之一不同时，就会产生跨域问题

主要是因为浏览器为安全起见的同源策略

解决方案：

Springboot：

利用 CORS 协议解决跨域

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
 * @Auther: wyx
 * @Date: 2019-05-09 21:25
 * @Description: 添加对跨域访问的支持
 */
@Configuration
public class GlobalCorsConfig {

    @Bean
    public WebMvcConfigurer corsConfigurer(){
        // 重写父类提供的跨域请求处理的接口
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                // 添加映射路径
                registry.addMapping("/**")
                        // 放行哪些原始域
                        .allowedOrigins("ht