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

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

在我自己的电脑上一切正常。在我自己的计算机上，我可以通过本地和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项目

---

谢谢你的时间和帮助

因为您只访问您的设备。让我们尝试删除--允许的主机1.2.3.4

首先，在devserver的主机参数中，您必须添加路由器的合法IP地址，才能使其工作，但如果您不需要特定设置，只需要在网络上提供：

我通常只在我的package.json中执行此操作：

 "serve": "vue-cli-service serve",

和vue.config.js，您可以删除与devServer相关的所有内容。 这将创建一个可以在您的网络上工作的dev服务器

 "serve": "vue-cli-service serve",