我在这个存储库中放置了一个小型测试 Web 应用程序：https://github.com/marcoippolito/testproject
如果我使用 Linux 5.3 Ubuntu 18.04.3 LTS（Bionic Beaver）在笔记本电脑上进行 git clone
在这种环境下：
(base) marco@marco-U36SG:~/vueMatters/testproject$ vue info
Environment Info:
System:
OS: Linux 5.3 Ubuntu 18.04.3 LTS (Bionic Beaver)
CPU: (4) x64 Intel(R) Core(TM) i7-2620M CPU @ 2.70GHz
Binaries:
Node: 12.14.1 - ~/.nvm/versions/node/v12.14.1/bin/node
Yarn: 1.21.1 - /usr/bin/yarn
npm: 6.13.4 - ~/.nvm/versions/node/v12.14.1/bin/npm
Browsers:
Chrome: 79.0.3945.130
Firefox: 72.0.2
npmPackages:
@vue/babel-helper-vue-jsx-merge-props: 1.0.0
@vue/babel-plugin-transform-vue-jsx: 1.1.2
@vue/babel-preset-app: 4.1.2
@vue/babel-preset-jsx: 1.1.2
@vue/babel-sugar-functional-vue: 1.1.2
@vue/babel-sugar-inject-h: 1.1.2
@vue/babel-sugar-v-model: 1.1.2
@vue/babel-sugar-v-on: 1.1.2
@vue/cli-overlay: 4.1.2
@vue/cli-plugin-babel: ^4.1.2 => 4.1.2
@vue/cli-plugin-eslint: ^4.1.2 => 4.1.2
@vue/cli-plugin-router: 4.1.2
@vue/cli-plugin-vuex: 4.1.2
@vue/cli-service: ^4.1.0 => 4.1.2
@vue/cli-shared-utils: 4.1.2
@vue/component-compiler-utils: 3.1.1
@vue/preload-webpack-plugin: 1.1.1
@vue/web-component-wrapper: 1.2.0
eslint-plugin-vue: ^5.0.0 => 5.2.3
vue: ^2.6.10 => 2.6.11
vue-eslint-parser: 5.0.0
vue-hot-reload-api: 2.3.4
vue-loader: 15.8.3
vue-style-loader: 4.1.2
vue-template-compiler: ^2.6.10 => 2.6.11
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: 4.1.2
然后运行该 Web 应用程序：
(base) marco@marco-U36SG:~/vueMatters/testproject$ npm run serve
> [email protected] serve /home/marco/vueMatters/testproject
> vue-cli-service serve
INFO Starting development server...
98% after emitting CopyPlugin
DONE Compiled successfully in 6588ms 3:37:24 PM
App running at:
- Local: http://localhost:8080
- Network: http://192.168.1.4:8080
Note that the development build is not optimized.
To create a production build, run npm run build.
我在 Web 开发人员控制台中获得了没有错误消息的网页：
但是如果我将同一个存储库克隆到 Ubuntu 18.04.04 LTS 服务器版中：
(base) marco@pc:~/vueMatters/testproject$ vue info
Environment Info:
System:
OS: Linux 4.15 Ubuntu 18.04.4 LTS (Bionic Beaver)
CPU: (8) x64 Intel(R) Core(TM) i7-4790K CPU @ 4.00GHz
Binaries:
Node: 12.11.0 - ~/.nvm/versions/node/v12.11.0/bin/node
Yarn: 1.21.1 - /usr/bin/yarn
npm: 6.11.3 - ~/.nvm/versions/node/v12.11.0/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.1.2
@vue/babel-preset-app: 4.1.2
@vue/babel-preset-jsx: 1.1.2
@vue/babel-sugar-functional-vue: 1.1.2
@vue/babel-sugar-inject-h: 1.1.2
@vue/babel-sugar-v-model: 1.1.2
@vue/babel-sugar-v-on: 1.1.2
@vue/cli-overlay: 4.1.2
@vue/cli-plugin-babel: ^4.1.0 => 4.1.2
@vue/cli-plugin-eslint: ^4.1.0 => 4.1.2
@vue/cli-plugin-router: 4.1.2
@vue/cli-plugin-vuex: 4.1.2
@vue/cli-service: ^4.1.0 => 4.1.2
@vue/cli-shared-utils: 4.1.2
@vue/component-compiler-utils: 3.1.1
@vue/preload-webpack-plugin: 1.1.1
@vue/web-component-wrapper: 1.2.0
eslint-plugin-vue: ^5.0.0 => 5.2.3
vue: ^2.6.11 => 2.6.11
vue-eslint-parser: 5.0.0
vue-hot-reload-api: 2.3.4
vue-loader: 15.8.3
vue-style-loader: 4.1.2
vue-template-compiler: ^2.6.10 => 2.6.11
vue-template-es2015-compiler: 1.9.1
npmGlobalPackages:
@vue/cli: 4.1.2
并且，停止 nginx 服务器之后：
(base) marco@pc:~/vueMatters/testproject$ sudo systemctl stop nginx
[sudo] password for marco:
(base) marco@pc:~/vueMatters/testproject$ sudo systemctl status nginx
● nginx.service - A high performance web server and a reverse proxy
server
Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor
preset: enabled)
Active: inactive (dead) since Mon 2020-02-03 16:14:07 CET; 5s ago
Docs: man:nginx(8)
Process: 5749 ExecStop=/sbin/start-stop-daemon --quiet --stop --retry
QUIT/5 --pidfile /run/nginx.pid (code=exited, status=0/SUCCESS)
Process: 919 ExecStart=/usr/sbin/nginx -g daemon on; master_process
on; (code=exited, status=0/SUCCESS)
Process: 891 ExecStartPre=/usr/sbin/nginx -t -q -g daemon on;
master_process on; (code=exited, status=0/SUCCESS)
Main PID: 925 (code=exited, status=0/SUCCESS)
Feb 03 14:46:29 pc systemd[1]: Starting A high performance web server
and a reverse proxy server...
Feb 03 14:46:30 pc systemd[1]: Started A high performance web server
and a reverse proxy server.
Feb 03 16:14:07 pc systemd[1]: Stopping A high performance web server
and a reverse proxy server...
Feb 03 16:14:07 pc systemd[1]: Stopped A high performance web server
and a reverse proxy server.
我运行这个小型网络应用程序：
(base) marco@pc:~/vueMatters/testproject$ npm run serve
> [email protected] serve /home/marco/vueMatters/testproject
> vue-cli-service serve
INFO Starting development server...
98% after emitting CopyPlugin
DONE Compiled successfully in 1376ms 4:16:25 PM
App running at:
- Local: http://localhost:8080
- Network: http://192.168.1.7:8080
Note that the development build is not optimized.
To create a production build, run npm run build.
我收到此错误：
GET http://localhost:8080/sockjs-node/info?t=1580743078903
net::ERR_CONNECTION_REFUSED
比较两个环境信息，唯一的区别是安装的操作系统： - 在笔记本电脑中，微型 Web 应用程序正常运行，Linux 5.3 Ubuntu 18.04.3 LTS（Bionic Beaver）桌面 - 在 PC 上，微型 Web 应用程序给出错误“net::ERR_CONNECTION_REFUSED”，Linux 4.15 Ubuntu 18.04.4 LTS（Bionic Beaver）服务器版
我没有安装任何 18.04.4 版本。2019 年 7 月，我安装了 18.04.02 Ubuntu 服务器版，直到几天前，我才根据系统的要求和建议定期升级软件包。因此，标签“18.04.4”来自升级过程，我 100% 确定，它根本没有将升级的软件包声明为“开发版本”，否则我就不会继续升级了。
那么...该如何解决这个问题？
期待您的帮助。Marco
包含部分“解决方案”的重大更新：
我在电脑上安装了全新 Ubuntu 18.04.3 Desktop，并验证问题消失了。
我在笔记本电脑和 PC 上都运行了同一个小型 Web 应用程序，并且在笔记本电脑/PC 内部和其他设备（PC/笔记本电脑）上使用 localhost 和 ip 地址都没有出现错误：
在PC上运行的WebApp：
PC 上的本地主机：
PC-PC 的 IP 地址：
笔记本电脑的 PC-IP 地址：
在笔记本电脑上运行的 WebApp：
笔记本电脑的本地主机：
笔记本电脑 - 笔记本电脑的 IP 地址：
笔记本电脑-PC 的 IP 地址：
所以...此时最后的问题是：为什么在 Ubuntu 18.04.4 服务器版本中会出现 ERR_CONNECTION_REFUSED，而在 Ubuntu 18.04.4 桌面版中这个问题就消失了？如何解决 Ubuntu 18.04.3 服务器版本中的问题？
答案1
我猜测服务器版本安装了防火墙，阻止了连接。