如何解决我该如何解决这个问题:使用 Heroku 单击链接时出现错误 404?
我使用 Create React App、Json Server 和 React Router,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>
)
}
这是我的 server.js
const jsonServer = require('json-server');
const server = jsonServer.create();
const router = jsonServer.router('./public/db.json');
const middlewares = jsonServer.defaults({
static: './build',});
const PORT = process.env.PORT || 3001;
server.use(middlewares);
server.use(router);
server.listen(PORT,() => {
console.log('Server is running');
});
{
"root": "build/","clean_urls": false,"routes": {
"/**": "index.html"
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。