Как настроить локалхост 8080
Перейти к содержимому

Как настроить локалхост 8080

  • автор:

Настройка локального сервера

По причине безопасности, запустить index.html с вашего компьютера не получится.
Вам нужно будет поднять локальный сервер, и мы объясним как.

Локальный сервер на Windows

Включаем Internet Information Service(IIS)

  1. Щелкните [Программы] в [Панель управления].

Добавляем файлы в локальный сервер.

Папка для веб-сервера создастся автоматически, при включении IIS. Вам просто нужно скопировать в эту папку папку вашего проекта.

    В [Мой компьютер] откройте [Локальный диск C:].

Заходим на локальный сервер через браузер

  1. Откройте ваш браузер.
  2. Введите в адрессной строке:
    http:///Папка проекта/
    или
    http:///Папка проекта/
    или
    http://localhost/Папка проекта/

Узнаём имя компьютера

  1. Щелкните правой кнопкой мыши по [Мой компьютер], выберите [Свойства].

Узнаём ваш IP адресс

  1. Щелкните [View network status and tasks] in the [Control Panel].

Настраиваем localhost

*Как правило, уже настроено.

Для доступа к серверу по http://localhost/ в браузере, вам нужно настройть «hosts» файл.

    Откройте [Пуск], Выберите [Все программы], [Стандартные]. Щелкните правой кнопкой мыши по [Блокнот] и выберите [Запустить от Администратора].

# 127.0.0.1 localhost
127.0.0.1 localhost

Настройка локального сервера на Mac OSX

Для создания локального сервера в Mac используется Apache(Апач), который как правило, уже установлен в системе.

Базовые команды Apache

Команды водятся в Терминале.

Запускаем Apache

$ sudo apachectl start

Останавливаем Apache

$ sudo apachectl stop

Устанавливайем файлы на сервер

Скопируйте папку проекта в папку по следующему пути:

/Library/WebServer/Documents П.п: проверить на русской локали.

Играем через браузер

  1. Откройте ваш браузер.
  2. Введите в адресную строку и подтвердите:
    http://localhost/ИмяПапкиПроекта/

Захожу на localhost:8080, а там EDB

Вот эту залупу

Как освободить localhost:8080 Хочу запустить Spring приложуху пустую, а он выдает

Отслеживать
задан 11 дек 2022 в 16:37
UmpstaMple UmpstaMple
29 4 4 бронзовых знака
Потушите приложение, которое слушает 8080(судя по всему это БД Постгри)
11 дек 2022 в 16:42

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Вам необходимо выполнить следующую последовательность шагов:

  1. Перейдите в «выполнить», затем наберите «services.msc»
  2. Найдите службу «PEM HTTPD» с описанием наподобие «Apache/2.4.39 (Win32)»
  3. Правый клик по службе и нажать «Остановить»

Отслеживать
ответ дан 11 дек 2022 в 16:43
4,548 5 5 золотых знаков 13 13 серебряных знаков 38 38 бронзовых знаков

  • java
  • spring
  • spring-boot
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.4.30.8420

localhost

Если вы хотите перейти на http://localhost, то воспользуйтесь быстрыми ссылками для входа:

  • http://localhost
  • http://localhost:8080
  • http://localhost:8081
  • http://localhost/phpmyadmin
  • http://localhost/WordPress
  • http://localhost:3000
  • http://localhost/php
  • http://localhost/index
  • http://localhost/index.php
  • http://localhost/server
  • http://localhost/bonfire

Что такое localhost

localhost — это универсальное имя хоста, которое всегда указывает на этот же самый компьютер. Точнее говоря, это имя указывает на IP адрес 127.0.0.1, а данный IP уже является специальным адресом, всегда принадлежащий локальному компьютеру.

Если открыть адрес http://localhost в веб-браузере, то будет выполнено подключение к локальному веб-серверу. По этой причине localhost обычно ассоциируется с веб-сервером, но на самом деле localhost можно использоваться самыми разными сетевыми службами: программами для обмены данными между собой, MySQL, SSH, FTP и пр.

Вы можете даже пинговать localhost:

ping localhost

Пинги будут самыми лучшими из всех, какие вы когда-либо видели, поскольку проверяется соединение до этого же самого компьютера, на котором выполняется пинг.

Про loopback будет чуть ниже — на случай, если вам интересна теория, а сейчас рассмотрим, почему не работает localhost.

Как включить localhost

Возможно вы и так знали, что localhost это локальный веб-сервер, но при попытке открыть

http://localhost у вас возникает ошибка, например такая:

Не удается получить доступ к сайту

Сайт localhost не позволяет установить соединение.

Попробуйте сделать следующее:

Проверьте подключение к Интернету.

Проверьте настройки прокси-сервера и брандмауэра.

ERR_CONNECTION_REFUSED

Причин может быть несколько, самая популярная — вы просто не установили веб-сервер. Если это действительно так, то переходите к инструкции «Как установить веб-сервер Apache c PHP, MySQL и phpMyAdmin на Windows».

После завершения указанной инструкции localhost заработает!

Веб-сервер установлен, но localhost не открывается

В этом случае причины могут быть следующие:

  • веб-сервер установлен, но его служба не запущена (особенно если раньше работало, а после перезагрузки перестало работать) — вернитесь к инструкции по установке, запустите службу веб-сервера и добавьте её в автозагрузку;
  • неправильно настроены права доступа в веб-сервере, либо ошибка в конфигурации — вернитесь к настройке веб-сервера или переустановите его.

127.0.0.1

127.0.0.1 — это специальный IP адрес, который имеет loopback интерфейс. В любой операционной системе имеется поддержка 127.0.0.1, поскольку этот специальный IP описан в протоколе.

Суть работы 127.0.0.1 (а следовательно и localhost, который является именем для указания на этот IP) состоит в том, что пакет, отправленный на адрес 127.0.0.1 на самом деле никуда не отправляется, но при этом система начинает считать, что этот пакет пришёл из сети. То есть образно можно представить так: пакет отправляется на сетевую карту компьютера, там разворачивается и возвращается с сетевой карты обратно в компьютер.

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

http://localhost:8080

Чтобы подключиться к localhost на 8080 порту перейдите по ссылке http://localhost:8080

localhost php

Чтобы использовать PHP на своём компьютере нужно установить веб-сервер. Пошаговую инструкцию смотрите в статье «Как установить веб-сервер Apache c PHP, MySQL и phpMyAdmin на Windows».

localhost phpmyadmin

Аналогично, для получения phpMyAdmin установите веб-сервер.

localhost error

Ошибки могут возникнуть в случае неправильной установки веб-сервера или приложений. Смотрите «Ошибки при настройке и установке Apache, PHP, MySQL/MariaDB, phpMyAdmin».

Связанные статьи:

  • Apache для Windows (100%)
  • Как запустить Apache на Windows (100%)
  • Документация по Apache на русском языке (100%)
  • Как подключить PHP к Apache на Windows (100%)
  • Как подключить MySQL к Apache на Windows (100%)
  • Модули Apache mods (RANDOM — 100%)

Начало работы с помощью кнопки Запустить проект

Используйте это руководство, чтобы узнать, как открыть и закрыть средства разработки, нажав кнопку Запустить проект , чтобы запустить демонстрацию на веб-сервере localhost и сохранить URL-адрес веб-страницы в launch.json .

Мы будем использовать демонстрационное приложение для демонстрации кнопки Запустить проект после указания этой кнопки на URL-адрес localhost, например http://localhost:8080 . Кнопка Запустить проект запускает средства разработки в режиме отладки. Это main способ открыть средства разработки, когда веб-страница должна работать на веб-сервере. В качестве предварительного шага мы создадим launch.json файл и изменим URL-адрес в нем, чтобы он указывал на localhost, обслуживающий пример приложения demo-to-do .

Вам не всегда нужно использовать этот подход, так как во многих случаях щелчок ПРАВОй кнопкой мыши HTML-файла работает. Однако многие веб-страницы используют API, для которых веб-страница должна выполняться на веб-сервере, поэтому ниже приведены конкретные действия, которые можно выполнить.

Шаг 1. Установка средств разработки и необходимых компонентов

  1. Если вы еще этого не сделали, выполните действия, описанные в разделе Установка расширения DevTools для Visual Studio Code, а затем выполните следующие действия.

Шаг 2. Запуск веб-сервера

В этом разделе поддерживается нажатие кнопки Запустить проект .

В этих шагах объясняется, как запустить HTTP-сервер с помощью кроссплатформенной оболочки Git Bash, которая является частью Git. Хотя для запуска сервера можно использовать Visual Studio Code >View>Terminal, лучше запустить сервер из командной строки, которая находится за пределами Visual Studio Code, чтобы сервер оставался запущенным даже при закрытии и повторном открытии Visual Studio Code или папки.

  1. Если вы еще этого не сделали, настройте и запустите веб-сервер в первый раз, обслуживая приложение demo-to-do из репозитория Demos. Для этого см. шаг 6. Настройка сервера localhostстатьи Установка расширения DevTools для Visual Studio Code.
  2. Откройте git bash. Например, в Windows нажмите кнопку Пуск и введите git bash.
  3. cd в определенную папку, которую вы хотите обслужить через http, Demos\demo-to-do\ : В git bash используйте косую черту для путей к файлам. Например:

cd C:/Users/username/Documents/GitHub/Demos/demo-to-do 
npx http-server 

Запуск сервера

Отображаются сведения о сервере и URL-адресе localhost, например:

Starting up http-server, serving ./ Available on: http://10.0.1.8:8080 http://127.0.0.1:8080 Hit CTRL-C to stop the server 

Шаг 3. Настройка launch.json

В этом разделе поддерживается нажатие кнопки Запустить проект .

  1. В Visual Studio Code выберите Файл>Открыть папку. Выберите каталог проекта, содержащий index.html клонируемый пример демонстрации в репозитории Демонстрации, например C:\Users\username\Documents\GitHub\Demos\demo-to-do\ . Пример папки demo-to-do, открытый в Visual Studio CodeКак и в папке demo-to-do репозитория, изначально в ней нет .vscode ни папки, ни launch.json файла.
  2. На панели действий щелкните Инструменты Microsoft Edge (значок Инструментов Microsoft Edge). Откроется панель Средства Microsoft Edge .
  3. Нажмите кнопку Создать launch.json : Кнопка Откроется новый launch.json файл.
  4. В нескольких местах файла launch.json на каждой из «url» строк прокрутите вправо и обратите внимание на комментарий «Укажите URL-адрес проекта»:

"url": "c:\\Users\\username\\.vscode\\extensions\\ms-edgedevtools.vscode-edge-devtools-2.1.1\\out\\startpage\\index.html", // Provide your project's url to finish configuring 
"url": "http://localhost:8080", // Provide your project's url to finish configuring 

Шаг 4. Нажмите кнопку Запустить проект

  1. В Visual Studio Code на панели действий нажмите кнопку Средства Microsoft Edge (значок инструментов Microsoft Edge). Откроется панель Средства Microsoft Edge , содержащая кнопку Запустить проект , но не кнопку Создать файл launch.json : Область целевых объектов при наличии файла launch.json
  2. Нажмите кнопку Запустить проект . Вкладки Edge DevTools и Edge DevTools: Browser открываются в отдельных панелях, где отображается веб-приложение demo-to-do : Демонстрационное веб-приложение, запущенное на вкладке

На этом этапе можно работать с изменениями CSS или пошагово выполнять код в отладчике. Ознакомьтесь с разделами учебника Начало работы, щелкнув правой кнопкой мыши HTML-файл:

  • Шаг 4. Изменение CSS в средствах разработки, автоматическое обновление файла .css
  • Шаг 5. Пошаговое выполнение кода JavaScript в отладчике

Шаг 5. Закрытие средств разработки

Чтобы завершить отладку и закрыть вкладки Edge DevTools :

Кнопка

  1. На панели инструментов Отладка нажмите кнопку Остановить (SHIFT+F5): Или в меню Выполнить выберите Остановить отладку. Или закройте две вкладки Средства разработки. Закрывается панель инструментов Отладка.
  • Закрытие средств разработки в открывании средств разработки и в браузере DevTools.

Вы завершили работу с руководством «Начало работы с помощью кнопки Запустить проект». Рекомендуется также выполнить другие руководства. См. статью Начало работы с расширением DevTools для Visual Studio Code.

См. также

  • Открытие средств разработки и браузера DevTools
  • Расширение Средств разработки Microsoft Edge для Visual Studio Code

Github:

  • demo-to-do — демонстрационного веб-приложения, работающего на сервере github.io .
  • Исходный код для демонстрации
  • Репозиторий MicrosoftEdge/Demos

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *