Реагируйте: маршрутизатор со статусом заголовка http

Question

Я создал свое приложение реагирования (рендеринг на стороне клиента) как одностраничное приложение с реакцией маршрутизатора. Поймать 404 страницы очень просто, используя это:

import {Router} from 'react-router-dom';
import {Switch, Route, Redirect} from 'react-router-dom';
...

const Main = () => {
    return (
        <Router history={history}>
            <Switch>
                <Route exact path="/" component={Home}/>
                ...
                <Route path="*" status={404} component={PageNotFound}/>
            </Switch>
        </Router>
    )
};

export default Main;

Это работает. Но при визуализации компонента PageNotFound статус заголовка http по-прежнему равен 200 , а не 404. Как и ожидалось.

Есть ли способ установить заголовок страницы 404 (или 301) при использовании рендеринга на стороне клиента?

Answer 1

Вы должны обработать это на своем сервере, но если вы все еще хотите иметь возможность установить код статуса http на стороне клиента, для этого есть пакет npm. Здесь

Из документов

import React from "react";

import StatusCode from "konnektid-react-status";
// render your component
const MyComponent = () => (
  <StatusCode code={404}>
    Sorry, page was not found
  </StatusCode>
)