Making REST API requests from chrome extension to replit

Code Help Node JS
1

Hi

I am trying to make a ultra simple app (chrome extension) connecting to an ultra simple server (replit).

Replit code using express:

app.get('/hello, (req, res) => res.send("hello world"));

chrome extension (Service_worker, manifest v3):

res = await fetch("https://replit_account.repl.co/hello");

But this does not seem to work. Is there anything i need to do or configure on the server side to allow for requests from a chrome extension ? The server itself works when using a a browser.

has someone setup something similar?

1 Like
2

Make sure your fetching the right link, it should be https://<repl name>.<username>.repl.co/hello. If you could post a link to your server that might help the community help with your issue.

3

Hello I have set up something famillair. Is there an error you get? could you share the full code (just view not edit) with us?

1 Like
4

I could be wrong, but it sounds like you are a victim of a CORS error. This is a system implemented by browsers to prevent sites from stealing a user’s data on other sites.

You’ve got two main options:

  1. Add your Repl’s origin to the host_permissions key in your manifest. This tells Chrome to bypass CORS for requests from your extension’s service worker.
    "host_permissions": ["*://replit_account.repl.co/*"]
  2. Or, you can configure your Express server to allow requests from your extension’s origin. This can easily be done with the cors module
    app.use(cors({
  origin: "chrome-extension://YOUR_EXTENSION_ID",
  optionsSuccessStatus: 200
}));
3 Likes
5

Good info! I actually needed this! no more looking on stackoverflow :kekw:

2 Likes
6

Hey there! are you making a chrome replit extension that posts some data to a server?
Well, you can’t do that. Why? because the request are blocked by CORS for some security reasons.

Replit will only allow you to fetch to a replit.com domain.

1 Like