Can't link to Vue app on my local computer which run on remote server

[sayedessam]

Version

3.9.3

Reproduction link

https://github.com/sayedessam/Esl7at-engineer

Environment info

Environment Info:

  System:
    OS: Linux 4.15 Ubuntu 18.04.2 LTS (Bionic Beaver)
    CPU: (1) x64 Intel(R) Xeon(R) CPU E5-2650 v4 @ 2.20GHz
  Binaries:
    Node: 8.10.0 - /usr/bin/node
    Yarn: Not Found
    npm: 3.5.2 - /usr/bin/npm
  Browsers:
    Chrome: Not Found
    Firefox: Not Found
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.0.0 
    @vue/babel-preset-app:  3.9.2 
    @vue/babel-preset-jsx:  1.1.0 
    @vue/babel-sugar-functional-vue:  1.0.0 
    @vue/babel-sugar-inject-h:  1.0.0 
    @vue/babel-sugar-v-model:  1.0.0 
    @vue/babel-sugar-v-on:  1.1.0 
    @vue/cli-overlay:  3.9.0 
    @vue/cli-plugin-babel: ^3.9.0 => 3.9.2 
    @vue/cli-plugin-eslint: ^3.9.0 => 3.9.2 
    @vue/cli-plugin-pwa: ^3.9.0 => 3.9.0 
    @vue/cli-service: ^3.9.0 => 3.9.3 
    @vue/cli-shared-utils:  3.9.0 
    @vue/component-compiler-utils:  2.6.0 (3.0.0)
    @vue/preload-webpack-plugin:  1.1.1 
    @vue/web-component-wrapper:  1.2.0 
    eslint-plugin-vue: ^5.0.0 => 5.2.3 (4.7.1)
    vue: ^2.6.10 => 2.6.10 
    vue-eslint-parser:  2.0.3 (5.0.0)
    vue-hot-reload-api:  2.3.3 
    vue-loader:  15.7.1 
    vue-router: ^3.0.3 => 3.0.7 
    vue-style-loader:  4.1.2 
    vue-template-compiler: ^2.6.10 => 2.6.10 
    vue-template-es2015-compiler:  1.9.1 
    vuex: ^3.0.1 => 3.1.1 
  npmGlobalPackages:
    @vue/cli: 3.9.3

Steps to reproduce

Running Vue app from server

Vue app run OK from a remote server, but when I'm trying to open it from the browser, it doesn't connect

I've added the following devServer to vue.config.js

module.exports = {
    
  devServer: {
    host: '0.0.0.0',
    port: '8080',
    hot: true,
    public: '165.22.212.127:8080'
  
  }
}

where the public ip is my server ip

What is expected?

Run Vue dev app from server on my local machine

What is actually happening?

Running Vue app from server

Vue app run OK from a remote server, but when I'm trying to open it from the browser, it doesn't connect

I've added the following devServer to vue.config.js

module.exports = {
    
  devServer: {
    host: '0.0.0.0',
    port: '8080',
    hot: true,
    public: '165.22.212.127:8080'
  
  }
}

// where the public ip is my server ip

[sayedessam]

Resolved connection to Vue app running on server

Just opened the port 8080 on the server from ufw firewall

sudo ufw allow 8080/tcp