'URL': Invalid URL in configure.js and get-endpoint-config.js

Hello All,
I have the ipsf daemon running in the background, successfully. However, when I try to run the example, upload-file-via-browswer, in js-ipfs-http-client repo, I get the following error on my chrome browser:

Uncaught TypeError: Failed to construct 'URL': Invalid URL
    at getNonRootPath (configure.js:93)
    at eval (configure.js:27)
    at ipfsClient (index.js:21)
    at new App (App.js:47)
    at constructClassInstance (react-dom.development.js:12484)
    at updateClassComponent (react-dom.development.js:14255)
    at beginWork (react-dom.development.js:15082)
    at performUnitOfWork (react-dom.development.js:17820)
    at workLoop (react-dom.development.js:17860)
    at HTMLUnknownElement.callCallback (react-dom.development.js:149)

It seems that “localhost” is being passed into const apiAddrPath = getNonRootPath(…) in configure.js.
Please let me know if there is a workaround for this error. If I am doing something wrong configuration wise, do provide some guidance.

Cheers,

Hi @uchevt!

The current version of the example seems to be broken. I will try to get that fixed in a while.

For a quick fix, you can rollback to this commit. It is a bit old, but it works.

Hi that commit has a CORS issue.

I have the following in my config file and ipfs still doesn’t seem to work:

  "API": {
    "HTTPHeaders": {
      "Access-Control-Allow-Headers": [
        "Authorization"
      ],
      "Access-Control-Allow-Methods": [
        "PUT",
        "POST",
        "GET"
      ],
      "Access-Control-Allow-Origin": [
        "*"
      ]
    }
  },
Error: Access to fetch at ‘https://ipfs.infura.io:5001/api/v0/add?stream-channels=true 2’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Any help ?

I actually meant to just use the example from the previous commit, and use the latest go-ipfs.