React Router部署后无法直接访问子页面

Question

当我在本地主机上工作时，使用create-react-app

我能够访问localhost：3000 / A或localhost：3000 / B

但是当我将其部署到服务器时，将运行npm build并将生成的文件放入https://ip/project_name之类的服务器文件夹中>

我可以在<Link/>中单击以转到https://ip/project_name/A或https://ip/project_name/B但我无法直接访问https://ip/project_name/A。

App.js

<BrowserRouter basename={'project_name'}>
    <Route path='/A' component={A}/>
    <Route path='/B' component={B}/>
</BrowserRouter>
链接

<Link to="/A">A</Link>
<Link to="/B">B</Link>
package.json

"homepage": ".",
...
"dependencies": {
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.2.0"
}

[当我在localhost中工作时，使用create-react-app我可以访问localhost：3000 / A或localhost：3000 / B，但是当我将其部署到服务器时，运行npm build并将生成的文件放到服务器...

Answer 1

您是否尝试过使用字符串作为基本名称道具？

Answer 2

问题出在服务器文件夹中，反应路由器设置正确。