Rasa api cors issue

Hello. I am new to Rasa. I went through the video series and was able to get rasa functional from the command line. I seem to be running into an issue others have faced though I was not able to locate a “fix” scrounging through forums.

I initiate the server using rasa run -m models --enable-api --cors “*” --debug

When I access ipaddress:5005 or localhost:5005 I see this: Hello from Rasa: 3.5.8

I am using this for my html:

<!DOCTYPE html>
<html>
  <script>
    !(function () {
      let e = document.createElement("script"),
        t = document.head || document.getElementsByTagName("head")[0];
      (e.src = "https://cdn.jsdelivr.net/npm/rasa-webchat/lib/index.js"),
        (e.async = !0),
        (e.onload = () => {
          window.WebChat.default(
            {
              socketUrl: "http://localhost:5005",
              // add other props here
            },
            null
          );
        }),
        t.insertBefore(e, t.firstChild);
    })();
  </script>
      </body>
</html>

I have tried a few other example snippets as well. It displays a blank page when I visit the page. Upon inspecting the page I see the following

index.js:116     GET https://bf-botfront.development.agents.botfront.cloud/socket.io/?EIO=4&transport=polling&t=OWsT-dd net::ERR_NAME_NOT_RESOLVED
create @ index.js:116
f @ index.js:116
request @ index.js:116
doPoll @ index.js:116
poll @ index.js:17
doOpen @ index.js:17
open @ index.js:12
open @ index.js:116
u @ index.js:116
e.exports @ index.js:116
open @ index.js:17
(anonymous) @ index.js:17
setTimeout (async)
reconnect @ index.js:17
(anonymous) @ index.js:17
(anonymous) @ index.js:17
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:12
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
setTimeout (async)
hasXDR.t.onreadystatechange @ index.js:116
XMLHttpRequest.send (async)
create @ index.js:116
f @ index.js:116
request @ index.js:116
doPoll @ index.js:116
poll @ index.js:17
doOpen @ index.js:17
open @ index.js:12
open @ index.js:116
u @ index.js:116
e.exports @ index.js:116
open @ index.js:17
(anonymous) @ index.js:17
setTimeout (async)
reconnect @ index.js:17
(anonymous) @ index.js:17
(anonymous) @ index.js:17
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:12
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
setTimeout (async)
hasXDR.t.onreadystatechange @ index.js:116
XMLHttpRequest.send (async)
create @ index.js:116
f @ index.js:116
request @ index.js:116
doPoll @ index.js:116
poll @ index.js:17
doOpen @ index.js:17
open @ index.js:12
open @ index.js:116
u @ index.js:116
e.exports @ index.js:116
open @ index.js:17
(anonymous) @ index.js:17
setTimeout (async)
reconnect @ index.js:17
(anonymous) @ index.js:17
(anonymous) @ index.js:17
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:12
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
setTimeout (async)
hasXDR.t.onreadystatechange @ index.js:116
XMLHttpRequest.send (async)
create @ index.js:116
f @ index.js:116
request @ index.js:116
doPoll @ index.js:116
poll @ index.js:17
doOpen @ index.js:17
open @ index.js:12
open @ index.js:116
u @ index.js:116
e.exports @ index.js:116
open @ index.js:17
(anonymous) @ index.js:17
setTimeout (async)
reconnect @ index.js:17
(anonymous) @ index.js:17
(anonymous) @ index.js:17
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:12
(anonymous) @ index.js:116
r.emit @ index.js:1
onError @ index.js:116
(anonymous) @ index.js:116
setTimeout (async)
hasXDR.t.onreadystatechange @ index.js:116
index.js:123 Error: xhr poll error
    at e.exports.onError (index.js:12:989)
    at f.<anonymous> (index.js:116:155956)
    at r.emit (index.js:1:79158)
    at f.onError (index.js:116:154536)
    at index.js:116:154176

I assume you want to use the REST channel. You can see docs here. With the rest channel the endpoint would be http://<host>:<port>/webhooks/rest/webhook as shown on that page with a payload as shown there.