Question

cors error when request from chrome extension

when in dev environment, the origin is http://localhost:5173, it’s ok. when in prod environment, the request origin is chrome-extension://xxxxx, it’s not ok, an cors error occur.


Submit an answer
Answer a question...

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby Iliev
Site Moderator
Site Moderator badge
January 11, 2023

Hi there,

The problem is that the origin is not recognized by the server as a valid origin, causing the CORS error. In your case, when running in a development environment, the requests are being made from http://localhost:5173, which is a standard origin for local development. However, in a production environment, the requests are being made from a chrome extension, which has an origin of chrome-extension://xxxxx.

To resolve this issue, you’ll need to configure your server to allow requests from the chrome extension origin. You can do this by setting the Access-Control-Allow-Origin header on your server to the value of chrome-extension://xxxxx. Some framework like express have a package to handle CORS:

https://expressjs.com/en/resources/middleware/cors.html

If you are using Nginx, you can follow the steps here:

https://www.digitalocean.com/community/questions/how-do-i-enable-cors-on-ubuntu-20-4-with-nginx

Feel free to share more details on your production setup.

Best,

Bobby