I'm trying to integrate my reactjs app with Open edX but I'm having issues with CORS

Development
, ,
1

I’m trying to integrate it with my reactjs app. I’m hav , I’ve tried adding CORS_ORIGIN_ALLOW_ALL: true to my “$(tutor config printroot)/config.yml” and then running tutor dev start, Doesn’t seem to change anything, not sure if this should be put somewher

2

Hi @wahyudin and welcome!

Could you please provide a lot more detail?

  • What version of Tutor are you running?
  • What are you trying to do? For example you say “I’m trying to integrate it”, what is “it”?
  • Can you share code you are using?
  • Is this related to internationalization (i18n)? I ask because this is in the “i18n” category but I’m not sure how this relates to i18n.
3

Hi, @sarina sure! Here’s a bit more detail:

I’m currently using Tutor version 20.

I’m building a frontend application with React.js and trying to integrate it with the Open edX REST APIs, but I keep running into CORS origin issues.

I’ve already configured the CORS headers in Caddy, allowing the frontend origin, but the issue still persists.

I’m looking for any examples of external applications integrating with the Open edX REST APIs — for example, using React, Next.js, or even Flutter. A working example would be really helpful to understand the proper setup.

Also, I just realized I mistakenly tagged this under the “i18n” category — sorry about that, it’s not related to internationalization.

Thanks in advance for any guidance or references you can share!

4

I’ve updated the title of your post and reclassified it into “Development”, as a moderator that’s the most I can do :sweat_smile:

You might want to further edit your post body and post title for as much clarity as you can provide.