ReactJS 托管在子文件夹中无法正常工作

Question

我正在尝试将我的 ReactJS 项目托管在我的网络主机上的子文件夹中。

我将我的项目（生产）放在一个名为“仪表板”的文件夹中。所以现在我可以通过 http://hostname/dashboard 访问网站了。

但是，它给了我以下错误，因为它仍然试图从主文件夹中获取 styles.css 和 bundle.js。

我能做些什么来解决它？

function MainContent() {
  return (
    <div className="container" style={{ marginTop: 20 }}>
      <Switch>
        <Route exact path="/" component={Landing} />
        <Route path="/login" component={Login} />
        <Route path="/logout" component={Logout} />
        <Route path="/signup" component={Signup} />
        <Route component={NoMatch} />
      </Switch>
    </div>
  );
}

Answer 1

这是可能的，但如果您使用 AWS，则必须为路由分配额外的服务器，这会增加更多成本。到处找了也没找到最优解。