React JS 应用程序链接在实时服务器上抛出错误 404，但在本地主机上运行

Question

我用 create-react-app 构建了这个 React js 应用程序。我使用react-router-dom作为路由。当我直接访问任何链接（例如 url/products）时，它会抛出 404 错误页面。但如果我从应用程序上的链接进入该页面，它将直接工作。但这两种方式在开发中都运行得很好。我只在生产时收到此错误。

它托管在 DigitalOcean 上

这是我的 app.js 设置：

<Router>
      <NavBar />
      <Switch>
        <Route exact path={`${process.env.PUBLIC_URL}/`} component={Home} />
        <Route path={`${process.env.PUBLIC_URL}/products`} component={Products} />
        <Route path={`${process.env.PUBLIC_URL}/category/:category`} component={Category} />

请帮助看看我做错了什么并提出修复建议

Answer 1

我能够解决这个问题。问题不在于 React。它是与 DigitalOcean 合作的。

我必须通过这样做来设置 APP SPEC 的包罗万象

使用云面板 UI：登录并单击应用程序 > 设置 >> 单击组件​​名称 > 向下滚动到自定义页面 > 编辑自定义页面并选择 Catchall > 在页面名称块中输入 index.html > 保存