Развертывание Angular приложения

Question

это первый раз, когда я развертываю приложение Angular. Он правильно работает на локальном хосте, потребляя данные с сервера (сейчас он разрешен для разных источников), поэтому проблем с ним быть не должно. Я построил производственную версию, как предложено в документах.

ng build --prod

Затем я переместил папку prod на тот же сервер, где выполняются серверные сценарии. Я также скопировал node_modules в эту папку. Я посетил URL и HTML загружается, но только это. Там не выдается ошибка. Нет стиля. Нет angular приложение работает.

Как узнать, какая у меня ошибка?

Best,

Answer 1

Основная концепция того, как это работает:

1. Вы создаете файлы локально с помощью ng build --prod. Angular CLI создает папку dist с скомпилированными js файлами, ресурсами, индексами. html и стилями.
2. Вы копируете эту папку (или ее содержимое) на веб-сервер. Не нужно копировать папку node_modules, потому что все скомпилировано в скрипты внутри папки dist
3. Ваш веб-сервер должен быть настроен следующим образом:
   • для получения всех файлов stati c ( скрипты, стили, ресурсы) из папки веб-сервера. Например, https://<yourdomain>.com/main.js - должен возвращать main.js
   • обрабатывать запросы к API (если API и интерфейс находятся в одном домене)
   • перенаправлять другие запросы в файл index.html. Представьте себе URL https://<yourdomain>.com/about. about - мы предполагаем, что это маршрут вашего Angular приложения. Затем ваш сервер возвращает index.html в браузер. Браузер выбирает сценарии и стили (стр. 1), а сценарии запускают приложение Angular. Приложение angular понимает, что должно отображать маршрут about.

Answer 2

Редактирование индекса. html (рабочий) файл с полным путем