时间戳

首页 > 解决方案 > 使用 React JS 提供静态文件

reactjs - 使用 React JS 提供静态文件

问题描述

我正在使用 React JS（JHipster 附带）为我的网站提供服务。现在我正在集成需要我添加app-ads.txt到网站的 Google Admob。当我需要添加新页面时，我使用了现有代码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

标签： reactjsadmobjhipster

解决方案

推荐阅读