使用 React JS 提供静态文件

Question

我正在使用 React JS（JHipster 附带的）来为我的网站提供服务。现在我正在集成 Google Admob，这需要我将 app-ads.txt 添加到网站。当我需要添加诸如 privacy 和 terms 之类的新页面时，我使用了现有代码，但它们包含装饰（页眉/页脚）。

但是，当我尝试引入新路径 app-ads.txt 时，它只显示 Your request cannot be processed。

示例

const Routes = () => (
  <div className="view-routes">
    <Switch>
      <ErrorBoundaryRoute path="/logout" component={Logout}/>
      <PrivateRoute path="/admin" component={Admin} hasAnyAuthorities={[AUTHORITIES.ADMIN]}/>
      <ErrorBoundaryRoute path="/terms" exact component={Terms}/>
      <ErrorBoundaryRoute path="/privacy" exact component={Privacy}/>
      <ErrorBoundaryRoute path="/app-ads.txt" exact component={AppAds}/> // not working
      <ErrorBoundaryRoute path="/" exact component={HomeNew}/>
      <PrivateRoute path="/" component={Entities} hasAnyAuthorities={[AUTHORITIES.USER]}/>
      <ErrorBoundaryRoute component={PageNotFound}/>
    </Switch>
  </div>
);

和

import React from 'react';

export const AppAds = () => {
  return (
    <div>
      google.com, pub-24159654231069759, DIRECT, f08c47asdec0942fa0
    </div>
  );
};

这个想法是当用户点击 mydomainexample/app-ads.txt 时，我的网站应该只返回没有任何装饰（页眉/页脚）的内容。

当我使用 app-ads（没有 .txt）更改新路径时，它有点工作，但是显示的内容有我不想要的装饰。