React Router не удается напрямую получить доступ к подстранице при развертывании

Question

Когда я работаю в localhost, используя create-реагировать-приложение

, я могу получить доступ к localhost: 3000 / A или localhost: 3000 / B

Но когда я разверну его в сервер, npm build run и поместите собранный файл в папку сервера, как в https://ip/project_name

Я могу нажать от <Link/> до go до https://ip/project_name/A или https://ip/project_name/B, но я не могу получить прямой доступ к https://ip/project_name/A.

Приложение. 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>

пакет. json

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

Answer 1

Проблема в папке сервера, правильная настройка маршрутизатора реакции.

Answer 2

Вы пробовали использовать строку для basename prop?

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