Javascript 我如何解决这个问题：使用Heroku单击链接时出现错误404？

我使用createreact应用程序、Json服务器和React路由器，everythink工作正常，页面上的所有链接都工作正常，但其中一个带有path=“/：vendorCode”的链接指向ProductContainer组件

所以当我点击这个链接时，我在控制台中看到404错误。我怎样才能解决这个问题？这个问题只出现在heroku上

function App() {
    return (
        <BrowserRouter>
            <div className="wrapper">

                <Switch>
                    <Route exact path="/cart" component={CartPage} />
                    <Route exact path="/" component={Main} />
                    <Route exact path="/:vendorCode" component={ProductContainer} />
                </Switch>
            </div>
        </BrowserRouter>
    )
}

我还有一个推荐的static.json文件

{
  "root": "build/",
  "clean_urls": false,
  "routes": {
    "/**": "index.html"
  }
}

{
  "root": "build/",
  "clean_urls": false,
  "routes": {
    "/**": "index.html"
  }
}