Использование Vue CLI в Cloud9 IDE (контейнер): «Неверный заголовок узла» - PullRequest
Новая
       7

Использование Vue CLI в Cloud9 IDE (контейнер): «Неверный заголовок узла»

0 голосов
/ 24 октября 2018

Я пытаюсь использовать Vue CLI в облаке 9 и следую всем инструкциям по установке, но я не бэкэнд, поэтому мне трудно понять, почему на каждой странице отображается страница «Недопустимый заголовок узла»,

Вот что я сделал:

  • Создано новое рабочее пространство с именем practice
  • Установлено vue через npm install vue
  • Установлено vue cliчерез npm install @vue/cli
  • Установлено, что бы это ни было npm install @vue-cli-service-global (ответ на вопрос, что это будет оценено)
  • Создан проект под названием login-system через vue create login-system
  • Ran vue serve

Когда сервер запустился после этой команды, я перешел к http://practice -myusername.c9user.io: 8080 , где он просто сказал «Недопустимый заголовок хоста»"Не было ошибки в консоли сервера или консоли клиента.Если бы сервер не запустился, он показал бы страницу с надписью «По умолчанию здесь не запущено приложение ...» или что-то в этом роде.

Переход к http://practice -myusername.c9user.io или http://practice -myusername.c9user.io /where или http://practice -myusername.c9user.io / aradfa99asd все дали одинаковый результат.

Всякий раз, когда я запускаю сервер через этот последний элемент, vue serve на вкладке сервера в IDE отображается

Возможно, вы используете неправильный PORT & IP для вашего серверного приложения.Попробуйте передать $ PORT и $ IP, чтобы правильно запустить приложение.Вы можете найти больше информации в наших документах

Я не нашел документ слишком полезным для решения моей проблемы.

Что происходит?Опять же, я не знаю ничего о бэкэнде, поэтому подробный ответ / ответ был бы очень признателен.

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

Немного копания показывает, что я должен добавить это к моему webpack.config.js: 

 devServer: {
    compress: true,
    disableHostCheck: true,
 }

Я понимаю, что Vue CLI основывается наНачало веб-пакета, но я нигде не могу найти файл конфигурации, и его создание, похоже, не помогает.Я также натолкнулся на решение о vue.config.js, но я не знаю, как структурировать содержимое внутри него, и в какой каталог его помещать.

1 Ответ

0 голосов
/ 24 октября 2018

Для того, чтобы vue-cli взял vue.config.js, он должен находиться в той же папке, что и папки package.json и src.

Vue-cli проверяет, существует ли файл и существует ли объектэкспортируется из него.Параметры конфигурации можно найти в официальных документах vue-cli и devServer .Обратите внимание, что vue-cli предоставляет настраиваемые параметры для настройки приложения, предназначенные для облегчения нашей жизни, такие как devServer, outputDir и т. Д., При эффективном объединении их в законченный webpack.config.js.Таким образом, не раскрывая сам файл конфигурации, он избавляет нас от многих проблем с отладкой веб-пакета, сохраняя при этом достаточный контроль для настройки конфигурации.Ваша проблема: 

module.exports = {
  devServer: {
    disableHostCheck: true
  },
  // ... other options
}
...