Как я могу изменить статус ответа Axios с помощью перехватчика

Question

У меня есть страница, которая загружает некоторые данные из API в качестве основного контента.Эти данные или основное содержание имеют некоторое связанное содержание, и я получаю это связанное содержимое с другим вызовом API.Не всегда связанный контент сопровождает основной контент, поэтому в случае, если нет связанного контента, вызов API возвращает 404.

Я хочу, чтобы не было этих 404, поэтому естьВ любом случае, если я могу отклонить вызов, если статус этого вызова 404?

С одной стороны, я запрашиваю основное содержимое этого вызова из файла ContentService.js:

getMainContent: () => {
    return resource.get(`/main/content`);
}

Затем со страницы основного контента я продолжаю разговор:

ContentService.getMainContent().then(
    res => (this.mainContent = res.data.mainContent),
    err => {
        this.status.err = true;
    }
);

Это все хорошо.Я получаю этот контент, и в случае его отсутствия я могу перейти на страницу 404.

На этой же странице я загружаю связанный контент в div под основным контентом и вызываю этот контент таким же образом:

getRelatedContent: () => {
    return resource.get(`/related/content`);
}

И в моем компоненте:

ContentService.getRelatedContent().then(
    res => (this.relatedContent = res.data.relatedContent),
    err => {
        this.error = true;
    }
);

В этом случае, если нет связанного контента, я не могу перейти на страницу 404, потому что основной контент действительно загружен, он простоне имеет никакого связанного контента, поэтому я устанавливаю error в true и скрываю этот div, если он пуст.

Моя проблема в том, что страницы с основным контентом, но без связанного контента, имеют ошибку 404 из-заэтот вызов API.

Можно ли как-нибудь отклонить этот вызов, если он не возвращает данных и избежать статуса 404 на этих типах страниц?

Спасибо.