如何配置服务器子目录中的react-router以使用router参数?
文件夹结构:
SERVER (Root)
|
|- Some another site files
|
|- /contabilidade
|
| - react files (command npm run build)
|
|
想要的URL:https://doces.jrpti.com/contabilidade/8 [其中8是API服务的参数]
当我调用此URL时,导航器返回错误404。
我的代码:
index.js
ReactDOM.render(
<BrowserRouter basename="/contabilidade">
<Route path="/:id" component={App} />
</BrowserRouter>,
document.getElementById('root'));
在package.json上,我配置:
"homepage": "https://doces.jrpti.com/contabilidade"
我正在使用react-router 5.0.0
一些想法?
答案 0 :(得分:0)
请确保在index.js中,您指定了bundle.js
的绝对路径。如果使用相对路径,则可能会得到404。
此外,如果您使用的是nginx,则可以在nginx.conf中添加以下内容:
location / {
try_files $uri $uri/ /index.html =404;
}
这将确保所有路由都将重定向到您的index.html。
出于开发目的,如果您使用的是historyAPIFallback
中的webpack
选项,则可以使用