“http://127.0.0.1:8888' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header”

朱雀 2023-06-16 04:54 20阅读 0赞

# axios跨域问题： #

会一直报错：“http://127.0.0.1:8848’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header”  
因为使用了前后端分离开发，跨域访问了，解决方案：需要配置springboot内置tomcat允许跨域访问。

package com.lzhhuo.shop.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 {
        private CorsConfiguration buildConfig() {
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*"); //允许任何域名
            corsConfiguration.addAllowedHeader("*"); //允许任何头
            corsConfiguration.addAllowedMethod("*"); //允许任何方法
            return corsConfiguration;
        }
    
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            source.registerCorsConfiguration("/**", buildConfig()); //注册
            return new CorsFilter(source);
        }
    }

## 注： ##

![在这里插入图片描述][20191124155649992.png]  
后台接收数据时应加入@RequestBody注解。

[20191124155649992.png]: https://img-blog.csdnimg.cn/20191124155649992.png

“http://127.0.0.1:8888' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header”

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont

相关解决跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present

相关 Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:

相关 Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been been blocked by CORS policy

相关 “http://127.0.0.1:8888' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header”

相关解决前端跨域：has been blocked by CORS policy No Access-Control-Allow-Origin header

相关 has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '

相关 laravel5.5 cors has been blocked by CORS policy: Request header field x-csrf-token is not allowed by

相关 springboot&ajax&has been blocked by CORS policy: No ‘Access-Control-Allow-Origin

相关 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested