Vue项目中的“npm run serve”命令时不在本地运行答案

【问题标题】：Not running at local when "npm run serve" command in vue projectVue项目中的“npm run serve”命令时不在本地运行
【发布时间】：2020-08-04 08:20:20
【问题描述】：

我正在尝试使用 vue 制作一些应用并安装了 npm 命令。

当我运行“npm run serve”命令时，我收到以下消息。看来我应该在“http://localhost:8080/”上运行应用程序并且能够访问示例页面，而不是像“x86_64-apple-darwin13.4.0:”这样的东西。

是否可以通过更改配置文件或其他方式解决此问题？

App running at:
  - Local:   http://x86_64-apple-darwin13.4.0:8080/
  - Network: http://x86_64-apple-darwin13.4.0:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

我应该访问 http://localhost:8080/ 并会得到一些示例页面。

【问题讨论】：

标签： javascript node.js vue.js npm

【解决方案1】：

您的主机环境似乎设置为x86_64-apple-darwin13.4.0，您应该可以像这样在bash_profile 中设置变量 HOST="localhost"

然后用source ~/.bash_profile重新加载环境

【讨论】：

不客气，您介意接受答案吗？
对不起。我不习惯张贴问题。我接受了答案:)
我也有类似的问题。如果我的~/.profile 中不存在HOST 变量（由于操作系统而没有`.bash_profile），我可以将它写在那里并且蚂蚁继续前进吗？
sudo nano ~/.bash_profile 在最后添加这一行：HOST="localhost" 保存然后运行，source ~/.bash_profile

【解决方案2】：

看来您可以在这里找到问题的答案 - https://forum.vuejs.org/t/npm-run-serve-is-not-defaulting-to-localhost/88007/13。

简而言之：

如果没有，则将 vue.config.js 文件添加到根目录（与 package.json 文件相同的级别）
将以下设置添加到 vue.config.js

module.exports = {
  devServer: {
    host: '127.0.0.1',
    port: 8080,
    public: 'localhost:8080',
  }
}

【讨论】：

感谢您的评论。这种做法是合理的。但是，即使“网络：”已更改，我也无法访问本地主机。（看来你链接的人也和我有同样的问题，最后还是有问题）。非常感谢。