Vue / Node пытается обслуживать приложение по имени каталога вместо localhost

Question

Я уже некоторое время собираю приложение Vue, и у меня никогда не было проблем с его запуском в процессе разработки с использованием "npm run serve". Произошло что-то, что лишило localhost возможности по умолчанию для размещения экземпляра dev.

  App running at:
  - Local:   http://Kyles-MacBook-Pro.local:8080/ 
  - Network: http://Kyles-MacBook-Pro.local:8080/

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

это отличается от обычного localhost: 8080 и для сетевого, "IP": 8080

, так как он не указывает на localhost, он терпит неудачу

      throw er; // Unhandled 'error' event
      ^

Error: getaddrinfo ENOTFOUND Kyles-MacBook-Pro.local
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
Emitted 'error' event at:
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1457:12)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test-test@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the test-test@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

на основании проведенного мной исследования ошибка "getaddrinfo ENOTFOUND" будет устранена, если я буду слушать на localhost.

Я не знаю, что могло измениться, поскольку оно работало 2 дня go, и я не вносил изменений, пока не попытался запустить его снова, чтобы увидеть эту ошибку.

У меня есть / переустановлен vue, npm и узел. Мой файл хоста выглядит так ...

# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1   localhost
255.255.255.255 broadcasthost
::1             localhost

Я не знаю, изменилось ли что-то в моих файлах узлов, или, может быть, vue, но если у кого-то есть идея, как мне вернуться к указанию для местных жителей это было бы очень ценно.

Редактировать У меня нет файла vue .config. js, это мой пакет. json

  "name": "test-test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "vue": "^2.6.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.2.0",
    "@vue/cli-plugin-eslint": "~4.2.0",
    "@vue/cli-service": "~4.2.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.1.2",
    "vue-template-compiler": "^2.6.11",
    "webpack-cli": "^3.3.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

РЕДАКТИРОВАТЬ 2

после создания файла vue .config. js и ввода этого файла также

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

мой вывод при попытке запустить проект теперь

  App running at:
  - Local:   http://Kyles-MacBook-Pro.local:8080/ 
  - Network: http://localhost:8080/

Но это все еще ошибки из-за "Local:", являющегося плохим хостом. Я попытался пропинговать это на всякий случай, и это действительно не может быть преобразовано в пинг. Я не понимаю, как файл module.exports не переопределяет хост по умолчанию, и должен быть другой файл с более высоким значением прецедента.

FINAL EDIT

Это не лучшее решение, но добавление

127.0.0.1 Kyles-MacBook-Pro.local

в мой файл etc / host теперь позволяет мне запускать приложение локально. В другом месте есть еще большая проблема, которую мне нужно выследить, это установка Local от localhost, но пока этот обходной путь подойдет.