How can i work with localhost APIs?

[juaiglesias]

Hello everyone!
First of all, thanks for this space. I wanted to ask how it's possible to work with localhost APIs, I couldn't find enought doc about this and only configuring the proxy in the app (https://hoppscotch.io/es/settings) doesn't worked for me.

[liyasthomas]

You should install our Browser Extension and switch the interceptor to Browser Extension from Settings or bottom bar.

---

Step 1: Install our Browser Extension

---

Step 2: Click on the Hoppscotch extension icon from Browser's toolbar to add your localhost origins to the Active Origins list.
ex: http://localhost:3000 or http://localhost:8080

---

Step 3: Refresh the app

---

Step 4: Change interceptor to Browser Extension

App's bottom bar - Interceptor menu:

or Settings page - Interceptor > Extensions section:

NOTE: Refresh the app after installing the extension. You should be able to see the extension version under the Browser Interceptor menu.

[EAbimelec]

Thanks for the explanation it works in brave.

[Piyushgupta-1]

Thanks..

[web-apply]

thanks to i will try it at .

[sachin-bi]

thanks.. it works fine

[Aayanshi]

Thankyou So much it was really helpful

[Bowrna]

I tried to use hoppscotch to test the API in localhost using the above method you have suggested. But it didn't work for me. Is there anything that I missed out on? I refreshed the app as you suggested @liyasthomas

[pacific-prashant]

okk...are you doing delta? anyone here?

[AnkanRoy321]

yes delta 3.0

[Himanshu-Yadav897]

Yes , I am bro

[Nancydhattarwal]

but to use edge extension , here their is no option for that

[Mderra123]

Found the solution!

Navigate to your localhost and right click the Hoppscotch Icon.

Now you should see this:

Change it from "Only when clicked" to "Always allow on "localhost:3000"

Same with Hoppscotch site just in case:

[codewithjk]

use private window to avoid some sort of errors

[CreateChance]

As @liyasthomas said, it works with chrome extensions, don't forget turn on [use browser extension to send requests] option on settings pannel. :)

[needhourger]

I tried the same operation on firefox, using browser extensions, using private window, close all other tabs, and restart my firefox browser. None of these works for my firefox to test on localhost:5000.

However, chrome works.

[zavbala]

Yup, chrome is working 🙌

[chizaki-ki]

Apparently you need to enable "Access your data for all websites" permission for this extension for firefox side .
It finally works on firefox after I enable this permission.

(Also add origin since I'm running self-host version)

[rschristian]

Thanks for adding this! Wouldn't have thought that was needed (and seems a little sketchy, but whatever).

[jase52476]

How do you use localhost with the desktop version?
There's no Active Origins setting available that I can find.