Ok, отже, ви налаштували свою платформу для хостингу на Hostinger, почали працювати з кодом і він виглядає добре, і що тепер? Цей посібник допоможе вам завантажити свій код на Hostinger.
1. Додайте useHash до коду: У файлі app-routing.module.ts додайте ‘useHash: true’ до імпортів.
2. Створіть файли для деплойменту/продукції: У терміналі node.js вашого проекту на Angular введіть команду: ng build --configuration production
. Це, як я вважаю, найбільш важливий крок.
У вашій папці dist тепер з'явиться підпапка з такою ж назвою, як і у вашого проекту.
3. Завантажте: Відкрийте цю папку у Провіднику файлів.
Метод 1: У Hostinger перейдіть до файлового менеджера і у папку public_html, куди має бути завантажений ваш код.
Повернувшись у Провідник файлів, відкрийте свою папку (dist/[назва проекту]), щоб переглянути вміст і виберіть всі файли. Потім просто перетягніть їх у папку на вебсайті. Якщо у вас вже є файли там, їх потрібно буде видалити.
Метод 2: Клікніть правою кнопкою на вашу папку та виберіть "відправити в стиснуту папку". Коли у вас буде стиснений файл, перейдіть в Hostinger на сторінку "upload website" та завантажте його.
Перевірте ваш сайт, і все повинно працювати!
Частина інформації була взята з цього відео від AyyazTechяке я знайшов найкориснішим під час пошуку.
Перекладено з: How To Deploy Your Angular Project in Hostinger