PHPStorm: как подключить внешний файл стилей от корня сайта?

Question

[Vasek1999]

Подскажите, пожалуйста, почему PhpStorm не видит файла стилей, подключаемого таким образом:

<link rel="stylesheet" type="text/css" href="/styles.css">

Когда запускаю OpenServer, то стили прекрасно срабатывают, а встроенный сервер PhpStorm ни в какую не применяет файл стилей. Перелопатил инет, но то ли запрос не так формулирую, то ли эта проблема имеет очевидное решение, до которого я не додумался :) При запуске из PhpStorm файла index.html (с которого и идёт ссылка на css) в адресной строке браузера присутствует название проекта untitled1, т.е. путь имеет такой вид:

localhost:63342/untitled1/index.html

А при попытке открыть исходный код страницы в браузере и нажать на ссылку к стилям, появляется такой путь:

view-source:localhost:63342/styles.css

Т.е. часть untitled1 магическим образом теряется и стили браузер не видит! :) Можно ли исправить это недоразумение?

Comments

[Vasek1999]

Точно. В той же папке, что и index.html.
OpenServer открывает и подхватывает файл стилей без всяких проблем.

Answer 1

[Максим Тимофеев]

для localhost:63342/untitled1/index.html
localhost:63342 и есть корень

Т.е. часть untitled1 магическим образом

не магическим, а согласно спецификации. Все работает именно так как должно. Другой вопрос, что Вам иначе надо, но так это уже другая песня. Настраивайте сторм, что бы не было untitled1 в урл. Курите мануалы: https://www.jetbrains.com/help/phpstorm/defining-m...

Comments

[Vasek1999]

Не работает, к сожалению :(
Настроил сервер, путь открывается, но стили он так и не видит, untitled к пути так и добавляется:



Однако ваш ответ натолкнул на переформулировку запроса поисковым системам. Оказывается, на самом форуме техподдержки советуют либо прописать dns в файле hosts, либо использовать сторонний сервер:
ссылка на ответ поддержки.

Странное поведение программы, честно говоря. Для отладки одного файла ещё куда ни шло, а для отладки сайта целые танцы с бубном.

[Сергей delphinpro]

Vasek1999, Откуда у вас untitled1 берется? Это вложенная папка в test.ru?

Сгрузите все файлы в test.ru
Исправьте в настройках "Web server root URL" (уберите untitled1)
Исправьте Deployment path (уберите untitled1)

в результате Project URL должен быть без подпапок. Тогда все откроется как надо.

Либо укажите Upload/download project files на вашу корневую папку сайта. Ну и проект в ней открывайте.

В общем вы сами сделали себе вложенный путь, а теперь едете на программу...

[Vasek1999]

Сергей delphinpro, вложенных папок в test.ru нет. Путь к файлам такой:

C:\OSPanel\domains\test.ru

Убирание untitled1 из путей тоже не приводит к результату.

PhpStorm по умолчанию добавляет название проекта к пути. А браузер при обработке запроса к /styles.css обращается не к файлу localhost:63342/untitled1/styles.css, а к файлу localhost:63342/styles.css, т.е. закономерно получает ошибку 404. Судя по ответу на форуме самой программы, проблема известная и решается либо правкой hosts, либо сторонним сервером. Иных вариантов я пока не нашёл.

[Сергей delphinpro]

Vasek1999, а, я понял. вы на значок браузера нажимаете, чтобы открыть страницу.

Попробуйте php сервер. Тем более php у вас есть в составе OSP


Menu - Run - Edit Configuration

Создаете новый PHP Buit-in server
Ставите какой-нибудь порт незанятый
И запускаете через то же меню Run
Сервер запустится, можно открыть указанный хост и порт в браузере


Для остановки сервера нажмите красный квадратик, или закройте проект.

[Vasek1999]

Сергей delphinpro, спасибо за ответ. Да, нажимал именно на значок браузера. Попробовал ваш вариант - всё равно стили не подгружает. Уже и файлы проекта перекидывал из папки OSP в папку по умолчанию, - реакция нулевая.
Т.е. страницу и php-скрипты на ней обрабатывает без проблем, как и ранее, а вот подхватить стили от корня не удаётся. Буду пробовать связать с PhpStorm какой-нибудь xampp, может получится.

[Максим Тимофеев]

Vasek1999,

какой-нибудь xampp,

плохaя идея, лучше openServer: https://ospanel.io

[Vasek1999]

Максим Тимофеев, а чем он лучше? Насколько я вижу, например, в xampp стоит phpmyadmin версии 4.8.3, а в open server версия 4.7.7. Ну, и насколько я понимаю, Open Server делается одним человеком, а xampp несколькими, т.е. есть вероятность того, что xampp продержится подольше :) Или есть иные причины для выбора?

[Максим Тимофеев]

Vasek1999, сугубо личный опыт. Интерфейс xampp - просто мрак, настройка - боль и страдания. Open Server - два клика и все готово. Когда-то юзал denver, ушел на xampp и был безмерно рад, потом попробовал OS и уже второй год юзаю с удовольствием. Возможно это вкусовщина, но для меня просто адская разница по удобству и логичности интерфейса.
phpmyadmin 4.8.3 и 4.7.7 - вы реально ощутите разницу, я вообще им не пользуюсь там в комплекте есть ПО поудобнее для БД. А на продакшене у Вас будет что-то еще древнее. Так что сильно сомнительный плюс.
Плюс он portable. Может у xampp тоже есть такая версия, не интересовался.