javascriptreactjstypescriptbrowserstack

Access to geolocation was blocked over insecure connection to http://bs-local.com:3000(blocked)


hope you all have a great day. I would just like to ask some help regarding the issue I encountered. I was trying to test my react web app on browserstack mobile screens, currently I am testing locally using localhost.

Also the URL is redirected to http://bs-local.com from http://localhost.

Now when I access the localhost on browserstack I am receiving the ff issue below and I can't also access the google map api and the endpoints but it works well when I test it in the browser (only on browserstack that I have this error).

Is it possible that we can test localhost on browserstack ? particularly when google maps api ?

Thank you. Any help would be much appreciated.

error-screenshot

[Error] Failed to load resource: Origin http://bs-local.com:3000 is not allowed by Access-Control-Allow-Origin. Status code: 204 (properties, line 0)

mobile screen on browserstack local


Solution

  • I suspect if there are some SSL inspections going on there which may be blocking the access to geolocation over insecure connection to http://bs-local.com:3000.

    Regarding “Access-Control-Allow-Origin” with status code 204 means, that the server has successfully processed your request, but isn't going to return any content.

    I would suggest you to please raise a support ticket with BrowserStack support team to get help with this issue.

    Thanks!