Access to fetch at ‘ https://boostfloral.discourse.group/categories.json? ’ from origin ‘ http://localhost:3000 ’ has been blocked by CORS policy: Request header field API-key is not allowed by Access-Control-Allow-Headers in preflight response. Getting the above issue when I am trying to call the disc…

[이미지] Fahad Aslam: field API-key is not allowed Is it a User API Key? If I’m not wrong, it should be User-Api-Key.

Now I am getting the below response. Access to fetch at ‘ https://boostfloral.discourse.group/latest.json?order=default&ascending=false’ from origin ‘ http://localhost:3000 ’ has been blocked by CORS policy: Request header field api-username is not allowed by Access-Control-Allow-Headers in preflight …

If you’re trying to consume the Admin API (as opposed User API ), the header fields required are Api-Key and Api-Username.

[이미지] Fahad Aslam: Request header field api-username is not allowed by Access-Control-Allow-Headers in preflight response. I think for public Javascript clients, admin api is not allowed (sadly, this complicates everything, I know!) But you’re going to have to use User API keys specification …

[이미지] Al-Gassim Sharaf Addin: I just want to pull a .json response that’s publicly available. If it’s public then configuring CORS should suffice and you should not need to bother with API keys at all.

Yes, thanks! This has been solved for me here: Using JavaScript fetch to get publicly available page from Discourse into an external site (Discourse API) - #2 by pfaffman @fahadaslam98 as @RGJ said, if the CORS is properly configured then removing the API keys from the headers should work, :+1:

React 앱에서 Discourse API에 접근하는 중 문제가 발생했습니다

개발

Arkshine 3월 24, 2023, 6:38오후 5

관리자 API를 사용하려는 경우(사용자 API와는 다름), 필요한 헤더 필드는 Api-Key와 Api-Username입니다.

글		댓글	조회수
CORS policy configuration with React Product Support	3	1861	4월 8, 2023
CORS error accessing API from javascript application Development	11	4079	4월 9, 2023
API CORS Headers Incorrect Product Support	10	3192	7월 6, 2020
Authenticating using API keys when accessing API through fetch Development rest-api	4	1587	11월 28, 2019
Acess-Control-Allow-Headers CORS Error with API after updating discourse Product Support	9	3461	7월 22, 2020

React 앱에서 Discourse API에 접근하는 중 문제가 발생했습니다

Related topics