У меня есть небольшое тестовое приложение, которое я загрузил в подкаталог домена: mydomain.com/myapp. Приложение встроено в веб-пакет, React и реагирует на маршрутизатор-дом. Самый сложный маршрут - mydomain.com/app/parameter. Теперь, поскольку он находится на сервере Linux / Apache, я добавил .htaccess с этой информацией:
RewriteEngine On
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# Fallback all other routes to index.html
RewriteRule ^ /charts/index.html [L]
Проблема, которую я пытаюсь решить, заключается в том, что вы вручную вводите один из следующих URL:
- mydomain.com / app / parameter / (косая черта)
- mydomain.com / приложение / параметр / блабли / 123
Что происходит в обоих этих случаях: .htaccess указывает на mydomain.com/app/index.html, но мой index.html имеет относительный путь к моему файлу сценария:
<script type="text/javascript" src="main.js" />
Итак, он пытается загрузить mydomain.com/app/parameter/main.js вместо mydomain.com/app/main.js.
.
Очевидным решением было бы поместить абсолютные пути в мой index.html, но я не знаю, как это сделать в webpack + это сломало бы мою локальную версию webpack-dev-server (запуск npm). Есть ли способ решить эту проблему через веб-пакет?