Создание Sitemap.xml по запросу в Angular

Я знаю, что мы можем создать карту сайта при сборке и сохранить ее в папке с ресурсами.

www.example.com/sitemap.xml - This is the root level sitemap.

Но я хотел знать, как создать карту сайта по запросу. Например.

Если пользователь вводит указанный ниже URL-адрес, мне нужно перехватить запрос sitemap.xml. И в компоненте мне нужно будет сделать http-вызов, чтобы получить все URL-адреса карты сайта, принадлежащие moduleA.

А затем обслуживать sitemap.xml, не выдавая ошибку или не перенаправляя страницу с ошибкой?

www.example.com/moduleA/sitemap.xml

Можно ли сделать это угловатым? Если да, то как мне это сделать?

Пожалуйста помоги.

typescript javascript angular

17.10.2019

Ответы:

По моему опыту, использование Angular для создания карты сайта по запросу невозможно. Вы должны обрабатывать это на сервере. Используя Angular SSR или нет, ваше угловое приложение должно обслуживаться через сервер, например экспресс-сервер. Затем вы можете использовать что-то вроде этого:

app.get("/sitemap.xml", (req, res) => {
  const xml = generatingXML();
  res.setHeader("Content-Type", "application/xml");
  res.end(xml);
});

Поместите приведенный выше код о вашем перехвате всех маршрутов, которые обслуживают angular. Вы можете использовать axios https://github.com/axios/axios для вызова API на сервере. .

17.10.2019

Новые материалы

Как создать диаграмму градиентной кисти с помощью D3.js

Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…

Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

Лицензии с открытым исходным кодом: руководство для разработчиков и создателей

В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

Объяснение документов 02: BERT

BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?

Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)

Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]

Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

Метки

Machine Learning JavaScript Data Science Artificial Intelligence Software Development Python Web Development Coding Deep Learning AI React Software Engineering Nodejs Java Front End Development Typescript Computer Science Data Algorithms Development NLP Tech Programming Languages CSS ChatGPT HTML Python Programming Javascript Tips Angular Computer Vision Startup Data Visualization Neural Networks Tutorial Statistics Productivity Reactjs Learning