文章/答案/技术大牛

发布

社区首页 >问答首页 >ReactJS中的访问-控制-允许-起源问题

问ReactJS中的访问-控制-允许-起源问题
EN

Stack Overflow用户

提问于 2020-11-19 07:24:17

回答 1查看 69关注 0票数 0

当我试图访问后端时，我遇到了一个问题。

问题：

在ReactJs中确实有任何配置CORS？(在axios中创建或.)
是否有最好的方法在Spring和ReactJs?

中进行CORS配置？

配置如下我所做的，

CORS策略阻止了从原点访问XMLHttpRequest at 'http://localhost:8282/opsprime/api/products?title_contains=a' 'http://localhost:3000'：对飞行前请求的响应不通过访问控制检查:它没有HTTP状态。

因此，我将后端(spring启动)配置为，

@RestController
@CrossOrigin(origins = "*", allowedHeaders = "*")
public class TestController {
....
}

这是reactJs的结构，

export default axios.create({
    baseURL: 'http://localhost:8282/opsprime/api',
    timeout: 1000,
    headers: {
         'Authorization' : `Bearer 4b21949a-4829-43cc-asex-1d0512478676`
       }
  });

reactjs

spring-boot

axios

cors

回答 1

Stack Overflow用户

发布于 2020-11-19 07:52:04

将此代码添加到春季引导应用程序配置中，您可以更改CORS_ORIGIN_ALLOW的值，以确定可以在哪些方法上实现交叉。

@Configuration
public class CorsSecurity implements WebMvcConfigurer {
    private final String[] CORS_ORIGIN_ALLOW = {"/**"};

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        for (String cors : CORS_ORIGIN_ALLOW)
            registry.addMapping(cors).allowedOrigins("*").allowedHeaders("*").allowedMethods("*");
    }
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64907097

复制

相似问题

问ReactJS中的访问-控制-允许-起源问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ReactJS中的访问-控制-允许-起源问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ReactJS中的访问-控制-允许-起源问题
EN