IPFS js cant connect to ws://127.0.0.1:8081/p2p/

I am running a ipfs js instance which is working well but i get some error with web sockets and I am unsure why it is even calling a local IP ?

Firefox can’t establish a connection to the server at ws://127.0.0.1:8081/p2p/QmSoLV4Bbm51jM9C4gDYZQ9Cy3U6aXMJDAbzgu2fzaDs64.

In firefox on deployed site no errors but in safari

The page at https://alpha.nodenogg.in/ was not allowed to run insecure content from ws://127.0.0.1:8081/p2p/Qmbut9Ywz9YEDrz8ySBSgWyJk41Uvm2QJPhwDJzJyGFsD6.

here is some of the code I am using, any pointers and to where this error is coming from would be great. The site however does what I want with IPFS so I am not sure what this error is related to. Thank you

import VueIpfs from 'ipfs'
const ipfs = VueIpfs.create()

mounted: function () {
    // console.log(VueIpfs)
    this.getIpfsNodeInfo()
  },

  methods: {
async getIpfsNodeInfo() {
  try {
    // Await for ipfs node instance.
    node = await ipfs

  } catch (err) {
    // Set error status text.
    this.status = `Error: ${err}`
  }
},

onFileSelected(event) {
  this.selectedFile = event.target.files[0]
  this.saveIPFS()
},

async saveIPFS() {
  try {
    this.fileContents = await node.add(this.selectedFile)
    this.getIPFS()
  } catch (err) {
    // Set error status text.
    this.status = `Error: ${err}`
  }
},

}