React Router, защита статических изображений

Question

Я создал сайт, используя реагировать.Изображения веб-страниц доступны с использованием URL-адреса, например: * http://localhost:3000/1.jpg

Я хочу защитить и не отображать эти изображения в общедоступной папке.url, работает, если изображение с таким именем отсутствует в общей папке

import React, { Component } from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import App from "../App";
import PageNotFound from "../components/PageNotFound/PageNotFound";

class Router extends Component {
  render() {
    return (
      <BrowserRouter>
        <Switch>
          <Route exact path="/" component={App} />
          <Route path="*" component={PageNotFound} />
        </Switch>
      </BrowserRouter>
    );
  }
}

export default Router;

Answer 1

Было бы предложено поместить изображения в папку public/images (обычно по соглашению), а затем сделать что-то вроде этого

import React, { Component } from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import App from "../App";
import PageNotFound from "../components/PageNotFound/PageNotFound";

class Router extends Component {
  render() {
    return (
      <BrowserRouter>
        <Switch>
          <Route exact path="/" component={App} />
          <Route path="*" component={PageNotFound} />
          <Route path="/images/public/*" component={PageNotFound} />
        </Switch>
      </BrowserRouter>
    );
  }
}

export default Router;