Сайт на сервере обрабатывает пути к файлам иначе, чем локальная версия - PullRequest
0 голосов
/ 30 мая 2018

используя Localhost, мой веб-сайт стека HTML / CSS / JQuery работает отлично, однако, при загрузке на сервер, вещи ломаются.В частности, пути src из файлов JavaScript.После загрузки индекс HTML может найти соответствующие файлы JS через теги сценария.Однако из-за того, что что-то пошло не так из-за этих файлов JS, которые связаны между собой ...

Сохраняя общую картину, у меня есть файлы JS, которые используют пути к определенным imgs или другим файлам.И эти файлы JS хранятся в папках.Итак, у вас есть

.
├── index.html
|
├── js
│   └── components
│        └── functions.js
└── img
     └── circle.jpg

В index.html вызывается functions.js.Например, из functions.js у меня есть путь к circle.jpg.На локальном хосте путь «../../img/circle.jpg», потому что он рассматривает папку компонентов как текущий рабочий каталог (cwd) «вы находитесь в папке компонентов, работающей в файле functions.js, теперь идите ипапка img "

Однако на сервере cwd является корневой папкой.Я предполагаю, что это потому, что function.js вызывается из index.html и потому что index.html находится в корне, поэтому он говорит «чтобы добраться до circle.jpg, вы должны пойти« img / circle.jpg »

ПОЧЕМУ? Это не имеет смысла, чтобы это работало на сервере, теперь мне нужно изменить все мои пути к файлам из файлов JS. Это, очевидно, не проблема с путями src вHTML, потому что он распознает теги и запускает Javascript. Он ломается при попытке найти imgs на основе указанных вами путей. И он не может найти изображения в JS на основе этих путей по указанным выше причинам.изменить все пути в javascript, как я могу исправить неизбежную проблему сервера, трактующего пути иначе, чем в локальной версии?

1 Ответ

0 голосов
/ 30 мая 2018

Добавьте тег <<strong> base href = "" > в разделе head файла index.html

<head>
<base href="/">
<!-- other head items -->
</head>

Если ваш index.html является корневым путем домена (например, http: // someurl.com / index.html ), выше должно работать.Или, если index.html находится в подпапке, укажите путь к подпапке как значение href .как,

<base href="/subfolder/">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...