Springboot如何解决前端请求跨域的问题

 更新时间:2024年07月29日 08:38:16   作者:samuelLw  
这篇文章主要介绍了Springboot如何解决前端请求跨域的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

Springboot解决前端请求跨域

Access to fetch at from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

原因

当前端请求的端口和后端接受请求的端口不一致

解决

创建一个配置文件CorConfig.java,允许任何的请求头、请求方法访问。

此处是放开后端,允许前端访问,只需要设置访问源地址即可

package com.zhang.demo.config;
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;
 
    @Configuration
    public class CorsConfig {
 
        // 当前跨域请求最大有效时长。这里默认1天
        private static final long MAX_AGE = 24 * 60 * 60;
 
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("http://localhost:8080"); // 1 设置访问源地址(允许这个网站访问后台)
            corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
            corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
            corsConfiguration.setMaxAge(MAX_AGE);
            source.registerCorsConfiguration("/**", corsConfiguration); // 4 对接口配置跨域设置
            return new CorsFilter(source);
        }
    }
 

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Idea打包springboot项目没有.original文件解决方案

    Idea打包springboot项目没有.original文件解决方案

    这篇文章主要介绍了Idea打包springboot项目没有.original文件解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JAVA内部类示例详解及练习

    JAVA内部类示例详解及练习

    这篇文章主要为大家详细介绍了Java的内部类,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • Java高性能实体类转换工具MapStruct的使用教程详解

    Java高性能实体类转换工具MapStruct的使用教程详解

    MapStruct 是一个代码生成器,它基于约定优于配置的方法,极大地简化了 Java bean 类型之间的映射实现,本文主要介绍了MapStruct的具体使用以及如何进行实体类转换,感兴趣的可以了解下
    2024-03-03
  • SpringBoot通过整合Dubbo解决@Reference注解问题

    SpringBoot通过整合Dubbo解决@Reference注解问题

    这篇文章主要介绍了SpringBoot通过整合Dubbo解决@Reference注解问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • SpringBoot集成Redisson操作Redis的实现方法

    SpringBoot集成Redisson操作Redis的实现方法

    Redisson是一个用于Java的Redis客户端,它提供了在分布式环境下操作Redis数据库的简单、高效的方式,本文主要介绍了SpringBoot集成Redisson操作Redis的实现方法,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • Java基础之详细总结五种常用运算符

    Java基础之详细总结五种常用运算符

    在通常代码逻辑处理中,我们常常都会使用到运算符,今天我们就详细了解一下运算符的使用以及分类.运算符是对常量或者变量进行操作的符号,它分为算术运算符,赋值运算符,比较运算符,逻辑运算符以及位运算符.需要的朋友可以参考下
    2021-05-05
  • Java 21现代进化实战之如何用Records和模式匹配终结代码臃肿

    Java 21现代进化实战之如何用Records和模式匹配终结代码臃肿

    这篇文章主要介绍了Java 21现代进化实战之如何用Records和模式匹配终结代码臃肿的相关资料,Record模式匹配是Java 21中最引人注目的特性之一,它扩展了Java 16引入的Record功能,使其能够与模式匹配结合使用,需要的朋友可以参考下
    2026-04-04
  • Java中Long类型传入前端数值出错问题

    Java中Long类型传入前端数值出错问题

    这篇文章主要介绍了Java中Long类型传入前端数值出错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • SpringBoot集成P6Spy的实现示例

    SpringBoot集成P6Spy的实现示例

    本文主要介绍了SpringBoot集成P6Spy的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-08-08
  • Java多线程核心机制全面解析

    Java多线程核心机制全面解析

    本文全面剖析了Java多线程的设计与应用,从多线程的本质、生命周期、核心机制到实战最佳实践,帮助读者掌握并发编程的核心能力,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2025-11-11

最新评论