Невозможно загрузить активы при тестировании локального сайта

Я протестировал веб-сайт на своем сервере, где все работает отлично, его простой веб-сайт на основе html / css / js без каких-либо функциональных возможностей, как правило, я могу протестировать их без каких-либо проблем, просто открывая страницы в браузере, однако я столкнулся с проблемой, на этот раз он загружает только html, и кажется, что никакие ресурсы не загружаются, как файлы js или файлы css, ошибка, которую я получаю в консоли, похожа на это (в chrome):

Failed to load resource: net::ERR_FILE_NOT_FOUND 

Изменить: мне удалось исправить его в chrome, удалив ‘/’ перед файловыми путями, однако, когда тестирование, то есть проблема, все еще присутствует, есть ли для этого работа?

Проблемы, которые возникают у вас, могут быть связаны с тем, как вы открываете свои веб-страницы в браузере.

Вы не можете просто открыть их в виде файлов: c:\website\index.html

Вместо этого вы должны установить стек, например WAMP, XAMPP или EasyPHP. Я рекомендую XAMPP

После установки вы просто вводите адресную строку браузера:

 localhost 

И вы увидите отображаемое содержимое index.html из папки c:\xampp\htdocs . Эта папка (c: \ xampp \ htdocs) становится вашим сайтом, и она работает точно так же, как веб-сайт. Ресурсы будут загружаться правильно.

После установки просто очистите эту папку и скопируйте все файлы вашего веб-сайта .html и .php и т. Д. В эту папку. Используйте ту же структуру папок, что и на вашем веб-сайте. Папка public_html веб-сайта CPANEL представляет собой папку c:\xampp\htdocs на вашем диске C :.

Если вы создаете в нем папку, например dev, и помещаете внутри нее файл под названием mytest.html , то в адресной строке браузера вы можете ввести:

 localhost/dev/mytest.html 

Еще один большой трюк – дать себе домен, отредактировав файл hosts Windows. Например, вы можете использовать домен ilya.com локально, отредактировав этот файл:

 c:\windows\system32\drivers\etc\hosts 

Обратите внимание, что файл не имеет расширения.

Затем внутри этого файла, на самом дне, на отдельной строке, введите:

 127.0.0.1 ilya.com 

После сохранения этого файла, когда вы вводите адресную строку браузера:

 http://ilya.com 

Вы получите файл index.html из папки c:\xampp\htdocs . И если вы наберете:

 http://ilya.com/dev 

Вы получите файл index.html из папки c:\xampp\htdocs\dev .

Очень важно НЕ ЗАБЫВАТЬ об этом файле! Это навсегда предотвратит доступ к интернет-сайту http://ilya.com . Конечно, отключить его так же просто, как прокомментировать эту строку (поставив # впереди) или испортить redirect, что я обычно делаю:

 127.0.0.1 xilya.com 

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

Ресурсы:

Windows: XAMPP против WampServer против EasyPHP против альтернативного


Еще одно соображение, которое я должен упомянуть, – и это может быть не применимо к вам прямо сейчас, но, возможно, в один прекрасный день в будущем, – это попытаться сопоставить версию PHP вашего хостингового аккаунта с версией XAMPP (или WAMP / MAMP / LAMP / EasyPHP), которые вы устанавливаете локально.

Например, на момент написания моей учетной записи хостинга используется PHP ver 5.3.29, но текущая версия XAMPP находится на PHP 5.5.19 или 5.6.3. Ваааай продвинулся вперед. Последнее, что я хочу сделать, это программа моего сайта, загрузить его и отладить версии.

Более старые версии можно загрузить с помощью ссылки More Downloads , которая перенаправляется сюда:

 http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/ 

Чтобы узнать, какая версия PHP для вашей учетной записи хостинга, просто создайте файл на своем сайте, например: public_html/somefile.php . Содержание просто должно быть этими двумя строками:

 < ?php phpinfo(); 

Когда вы http://mydomain/somefile.php к этому файлу: http://mydomain/somefile.php вы увидите страницу, полную информации о настройке PHP, причем версия PHP видна сверху, выделена жирным шрифтом. Конечно, вы можете сделать то же самое на localhost (то есть в папке c:\xampp\htdocs ).