React-router +子目录+参数-如何使用/配置?

时间:2019-03-25 12:41:05

标签: reactjs react-router

如何配置服务器子目录中的react-router以使用router参数?

文件夹结构:

SERVER (Root)
|
|- Some another site files
|
|- /contabilidade
     |
     | - react files (command npm run build)
|
|

想要的U​​RL: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

一些想法?

1 个答案:

答案 0 :(得分:0)

请确保在index.js中,您指定了bundle.js的绝对路径。如果使用相对路径,则可能会得到404。

此外,如果您使用的是nginx,则可以在nginx.conf中添加以下内容:

location / {
            try_files $uri $uri/ /index.html =404;
        }

这将确保所有路由都将重定向到您的index.html。

出于开发目的,如果您使用的是historyAPIFallback中的webpack选项,则可以使用