Проблема с развертыванием приложения angular js на сервере WAS
Я пытаюсь упаковать свой весенний загрузочный веб-сервис и приложение angular 6 на войну, чтобы его можно было развернуть на сервере WAS 8.5.
Я сделал образец приложения на angular и сделал "ng build --prod".
Затем последовал этот ответ Можно ли развернуть приложение Angular на IBM Websphere Application Server?.
Я скопировал вывод папки / dist приложения angular в веб-модуль и добавил web.xml.
<web-app xmlns = "http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation = "http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version = "3.1">
<display-name>Spring Boot Liberty</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
После того, как я попытался развернуть войну и отобразить страницу, она выдает пустую страницу. служба backend rest работает нормально, так что мне, вероятно, не хватает какой-то библиотеки или файлов для запуска части angular js или может быть какой-то другой шаг.
Пожалуйста помоги.
@lwestby нет, я наконец понял проблему, т.е. index.html загружается, но не ресурсов. сервер не может найти путь к изображению, путь css / js. поэтому я отредактировал путь как <script type = "text / javascript" src = "/ HelloWorld / runtime.06daa30a2963fa413676.js"> </script>. Это решило проблему для этого фиктивного приложения, но мне интересно, есть ли другой способ автоматизировать / редактировать этот путь к ресурсу, может быть какая-то запись в web.xml ?? потому что для реального проекта это будет головной болью для Конечно.
Ответы 1
Вероятно, что происходит, так это то, что ваше приложение Angular не знает о корневом контексте вашего приложения - вот почему вы можете заставить все работать, вручную редактируя пути к связанным ресурсам в уже созданном html файле.
Есть два способа справиться с этим:
- Отредактируйте файл
index.htmlв своем проекте Angular (не тот, который создается компилятором Angular). Найдите тег<base href = "/">(или какое-либо другое значение в кавычках) и отредактируйте его, включив в него корень контекста вашего приложения. В своем комментарии вы упомянули путь с/HelloWorld, поэтому я предполагаю, что тег должен выглядеть как<base href = "/HelloWorld">. - Измените корневой контекст вашего приложения, чтобы он соответствовал значению, уже предоставленному для
<base href>.
После того, как вы сделаете одно из этих изменений, пути, по которым собранный index.html ищет свои связанные файлы .js / .css, должны совпадать с путем, по которому сервер приложений фактически их обслуживает, и вы должны увидеть свою страницу.
Если вы по-прежнему не видите того, чего ожидаете, щелкните страницу в браузере правой кнопкой мыши и выберите Проверить элемент. Перейдите на вкладку с названием Консоль и поищите там ошибки. Это должно дать вам представление о том, что еще может пойти не так.
Спасибо @ Iwestby. Я новичок в angular js. Я тоже приходил к той же отладке, но не знал, как это сделать в angular js. Я попробую это и обновлю.
Вы видите ошибки в консоли браузера или в журнале SystemOut.log сервера?