Hoppscotch app. Something adds trailing backslashes onto the website URLs you enter in the config which breaks the admin website

I am not sure who maintains the Hoppscotch TrueNAS SCALE app, whether the Hoppscotch devs put it up or someone else made it, but it is fundamentally broken. The frontend web app works, but you can’t configure it because the admin site can;t connect to the backend API.

When you fill out the URLs for the various services and UIs in the config screen, after you save the config, it appends trailing slashes to them all if they don’t have them already.

This seems to cause an extra / to be added to the API call in the admin website to connect to the backend api which causes a CORS error in the browser. It doesn’t even try to make the request.

e.g. If you put https: // hopscotch-backend[.]example[.]com in the box for the “Backend URL” setting it gets automatically changed to https: // hopscotch-backend[.]example[.]com/ and then when you go to the admin website, it says that it can’t connect to the backend. If you look in dev tools, it is trying to make a request to https: // hopscotch-backend[.]example[.]com//graphql, which the browser blocks, saying there is a CORS error. (Sorry about the strange URLs; it keeps complaining that I’m posting links).

I have no idea how to fix this, but any input would be helpful, even if it’s just someone I can report this to who maintains this app.

I did have screenshots with this, but apparently, that isn’t allowed, so you can’t even see what I’m talking about.

Read the introductory email you should have received when you signed up on the forums. Do the tutorial by the TrueNAS Bot and view a few other threads. You should be able to post images then.

Refer to the online documentation for the Apps or TrueNAS, if necessary. It should help you sort or where to look for assistance on each App. You can also check the online forums (usually GitHub) for the app you have trouble with to see if any issues are reported for the base application.