无法通过其他设备上的IP地址访问Vue项目vue cli 3 npm

Question

我有一个使用vue cli 3创建的项目。当我运行命令“ npm run serve”时，它会显示以下成功消息（我用假＃替换了我的IP地址）：

App running at:
- Local: http://localhost:8080/
- Network: http://1.2.3.4:8080/

在我自己的计算机上，一切正常。在我自己的计算机上，我既可以通过本地地址访问，也可以通过IP地址访问，但是无法使用连接到同一wifi网络的其他设备上的网络地址访问。

我尝试了以下方法：

On vue.config.js:
devServer: {
    host: '0.0.0.0'
}

and
devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false
}

on my package.json:
"scripts": {
    "serve": "vue-cli-service serve --host 0.0.0.0",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}

and
"scripts": {
    "serve": "vue-cli-service serve --host 0.0.0.0 --allowed-hosts 1.2.3.4",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}

我的tomcat服务器运行在端口80上，并且在我的计算机和其他设备上都可以正常工作...

这是我遇到的错误页面： 如何做到这一点，以便可以从同一网络上的其他设备访问我的vue项目？

感谢您的时间和帮助！

Answer 1

到目前为止，npm run serve在任何 Vue.js 项目中都将允许您从本地或网络中的任何设备（应用程序运行于）访问该项目：

如果您使用 Windows（作为主机）并且无法通过 CLI 从网络中的其他设备访问该项目，则需要在防火墙设置中允许 Node.js 的入站连接：

搜索Node.js相关规则并修改，允许入站连接：

就我而言，我有 4 条与 Node.js 相关的规则，在允许入站连接后，我能够在同一网络中的移动设备中访问从我的桌面提供的项目。

Answer 2

因为您只能访问您的设备。让我们尝试删除 --allowed-hosts 1.2.3.4