在vue上执行npm run serve不适用于localhost

如何解决在vue上执行npm run serve不适用于localhost

我试图了解Vue，因为框架，框架，框架。我使用npm install -g @vue/cli使用npm安装了vue，然后使用vue create myproj创建了项目文件夹，并选择了所有默认选项。当我尝试使用npm run serve运行时，这是我的输出：

  App running at:
  - Local:   http://x86_64-conda_cos6-linux-gnu:8080/ 
  - Network: http://x86_64-conda_cos6-linux-gnu:8080/

在浏览器中没有连接。据我了解，该端口号后应带有localhost或127.0.0.1。该端口未被其他任何设备使用。我检查了主机：

(base) alan@skynet:~/dev/myproj$ cat /etc/hosts
127.0.0.1   localhost
127.0.1.1   skynet

我按照以下类似问题中的步骤操作：https://forum.vuejs.org/t/npm-run-serve-is-not-defaulting-to-localhost/88007/13，并添加了一个vue.config.js，内容如下：

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

但这只会改变我的网络。我尚未更改package.json或vue create随附的任何默认文件。我什至删除了目录，在同一位置卸载并重新安装了vue，但仍无法解决。其他SO线程Not running at local when "npm run serve" command in vue project也很相似，但是我没有.bash_profile，并且不确定是否可以将HOST="localhost"扔到我的.profile文件中，因为我是Linux的新手，而且不想破坏一切。我只是在尝试进行初始设置，因此我可以继续进行vue的工作。

解决方法

我不确定我所做的是否奏效，但是现在可以奏效了。参见https://github.com/vuejs/vue-cli/issues/4081#issuecomment-694904714