Question

如何配置服务器子目录中的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

一些想法？

Answer 1

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

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

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

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

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

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

1 个答案: