请问下各位大佬，编译后部署怎么访问不了其他路由

http://localhost:3000/main
http://localhost:3000/login
http://localhost:3000/admin

调试模式下，本地都可以访问

编译后部署到虚拟机，就访问不了，

访问一直都是 login 默认路由页面。

其他页面

直接抛出 nginx 的 404 页面。

也不是我自定的 react 路由里面的 404 页面


`

import React from 'react'
import {BrowserRouter as Router,Route,Switch} from "react-router-dom"
import App from '../App'

import Home from '../test/Login'
import Login from '../test/Login'
import Admin from '../test/Admin'
import Info from '../test/Info'
import NoMatch from '../tool/No404'
import Main from '../test/Main'
//import Cir from '../tool/Circling'

//https://blog.csdn.net/qq_42813491/article/details/92579240
export default class Routers extends React.Component{

componentDidMount() {
//console.log('ddd');
}

render() {
return(
<Router>
<App>
<Switch>
<Route path="/main" render={
()=>
<Main>
<Route path="/main/:values" compOnent={Info} />
</Main>
}>
</Route>

<Route exact path="/" compOnent={Home} />
<Route path="/login" compOnent={Login}/>
<Route path="/admin" compOnent={Admin} />
<Route compOnent={NoMatch}></Route>
</Switch>
</App>

</Router>

);
}
}`