Переименовать localhost в пользовательский домен, используя сервер webpack? - PullRequest
Новая
       96

Переименовать localhost в пользовательский домен, используя сервер webpack?

1 голос
/ 05 февраля 2020

Я пытаюсь переименовать мой localhost, который я использую при разработке.

Я обновил мой C:\Windows\System32\drivers\etc\hosts файл и добавил эту строку (выполнялась от имени администратора): 

# copyright (c) 1993-2009 microsoft corp.
#
# this is a sample hosts file used by microsoft tcp/ip for windows.
#
# this file contains the mappings of ip addresses to host names. each
# entry should be kept on an individual line. the ip address should
# be placed in the first column followed by the corresponding host name.
# the ip address and the host name should be separated by at least one
# space.
#
# additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# for example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

# localhost name resolution is handled within dns itself.
#   127.0.0.1       localhost
#   ::1             localhost

127.0.0.1        my-dev-environment.com         // <===== ADDED THIS LINE
127.0.0.1:8080   my-dev-environment.com         // <===== I ALSO TRIED THIS

Но я получаю эту ошибку: 

This site can’t be reached
"my-dev-environment.com" refused to connect

Я использую webpack-dev-server для разработки, и вот мой текущий конфиг для него:

webpack.config. js

devServer: {
    contentBase: './public',
    compress: true,
    hot: true,
    historyApiFallback: {
      index: '/app.html'
    },
    index: 'app.html'
  },

ВОПРОС

Я что-то не так делаю? Почему это не работает?

ОБНОВЛЕНИЕ (решено):

Следуя рекомендациям @Joel из приведенного ниже ответа, я добавил это в свой webpack.config.js

devServer: {
  public: 'my-dev-environment.com',
  port: 80,                       
}

И это на моем hosts файле: 

127.0.0.1        my-dev-environment.com

Теперь я могу получить к нему доступ на my-dev-environment.com

1 Ответ

2 голосов
/ 05 февраля 2020

In hosts : 127.0.0.1 my-dev-environment.com

Flu sh Ваш DNS-кэш, запустив ipconfig /flushdns.

При запуске webpack-dev -server :

добавить флаги --host 0.0.0.0 и --public my-dev-environment.com:PORT

Можно ли пропустить :PORT при доступе к нему через браузер?

Поскольку http:// по умолчанию :80. Заставьте ваше приложение работать на порте :80. Если у вас нет экземпляра apache или чего-то подобного, запустите его на :8080.

Если у вас есть протокол https://, вместо этого сделайте ваше приложение запущенным на порту :443.

...