CORS Problem Sign on widget

I am trying to use the sign on widget into our application and as part of POC I am building sample and simple app and faced the following problem in my browser

Failed to load Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:5000’ is therefore not allowed access.

and I have “http://localhost:5000” as trusted origin in my okta.

This is the snippet of the html page code.

var oktaSignIn = new OktaSignIn({
baseUrl: “”,
clientId: “”,
authParams: {
issuer: “”,
responseType: [“token”, “id_token”],
display: “page”

I doubt if “http://localhost:5000” is an acceptable origin name. Have you tried using your localhost’s domain name?

What do you mean by domain name, Public IP address of my machine.?
I added http://localhost:5000 in trusted origins.

I meant something like this:

In other words, the dns name of your server.

Unfortunately it is on my local machine. I have installed npm and running on node js.

Don’t know if it works, you might want to try using the ip address of your local machine.

Yes I tried with my IP as well. But no use.

Maybe you want to port your code to a test server that is accessible by a domain name. I had to do the same and it worked after I added the domain name of the test server.

Thanks for that. But, I don’t have access to our environment. Any other solution is appreciated

Should work fine with localhost as its running in javascript which is local to your browser…you need to enable cors in okta admin settings.

My guess here is that this isn’t a CORS issue, but you configured your baseUrl for your widget incorrectly. is what you want to set it to.

Thanks For your response. I made it. Is there any way we can use okta forms into our application.