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 i…

[画像] 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 2023 年 3 月 24 日午後 6:38 5

Admin API（User APIとは対照的に）を利用しようとしている場合、必要なヘッダーフィールドは Api-Key と Api-Username です。

トピック		返信	表示
CORS policy configuration with React Support	3	1794	2023 年 4 月 8 日
CORS error accessing API from javascript application Development	11	3868	2023 年 4 月 9 日
API CORS Headers Incorrect Support	11	3054	2023 年 6 月 8 日
Authenticating using API keys when accessing API through fetch Development rest-api	4	1496	2019 年 11 月 28 日
Acess-Control-Allow-Headers CORS Error with API after updating discourse Support	9	3287	2020 年 7 月 22 日

ReactアプリからDiscourse APIにアクセスする際に問題が発生しています

関連トピック