Search code examples
javascriptvue.jssslwebsocket

Vue frontend stopped working after migrating to https

My vue frontend stopped work after I enabled SSL certificates. Now when I restart docker container I see only error I also know that the url requested is (right side of the pic) url Despite the fact that it should be wss in URL instead of ws. The main point is that I can't control this websocket connection (I hadn't define this particular websocket). I tried to disable live reloading in vue.config.js:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    allowedHosts: "all",
    hot: false,
    liveReload: false,
  },
  chainWebpack: (config) => {
    config.resolve.symlinks(false)
  }
})

And saw similar problem in react: here

Nothing of this helped. I know exactly that my websocket server is available on wss://xxx/ws. What shall I do with this problem?

Solution

  • So, basically yes, @EstusFlask and @JaromandaX were correct and migrating from vue dev server to nginx helped me. Thank you very much!