предисловие
В повседневной разработке мы часто открываем HTML-страницы непосредственно в локальных папках, обычно с файловым протоколом, но когда в коде есть внешние ресурсы, такие как http или https, HTML-страницы не могут нормально открываться.Чтобы решить эту проблему, нам нужно построить Локальный статический сервер.
Если вы знаете, как собрать локальный статический сервер, вы можете собрать его самостоятельно любым способом. Если вы не понимаете, рекомендуется использовать nodejs для быстрой сборки локального статического сервера, потому что это относительно просто и быстро.
Локальный статический сервер Nodejs
Используйте Nodejs для создания локального статического сервера.Во-первых, проверьте, установлен ли Nodejs.
узлы
В каталоге проекта войдите в окно командной строки и введите node -v
для просмотра установки Nodejs:
node -v
Если возвращается правильный номер версии, это означает, что Nodejs был установлен на этом компьютере.
Если вы не установили Nodejs, сначала зайдите на официальный сайт Node и следуйте инструкциям, чтобы перейти к узлу соответствующей системы, а затем соберите локальный статический сервер.
установить live-сервер
Затем используйте npm для выполнения следующей команды для установки live-server
модуля:
npm install -g live-server
Видя это установлено.
Запустите статический сервер
Введите live-server
, чтобы запустить статический сервер:
live-server
После ввода команды запустите статический сервер:
И откройте браузер, чтобы войти в соответствующий каталог файлов:
Если он не открывается автоматически, откройте браузер вручную, чтобы получить доступ http://localhost:8080
или http://127.0.0.1:8080
войти в каталог файлов.
Отладка разработки — горячее обновление
Локальный статический сервер, построенный модулем live-server
, может реализовать горячую загрузку кода, что очень удобно.
После изменения кода сохраните соответствующий файл кода напрямую, и страница будет повторно отображена без ручного обновления страницы.
Это конец этой статьи
Если у вас есть другие идеи, добро пожаловать в поле для комментариев!