不知道是否因为react-router,导致地址错乱。后台是PHP

我的路由配置是这样的

            <Router>
                <Switch>
                    <Route path="/yjs" component={YJS}></Route>
                    <Route path="/ycc" component={YCC}></Route>
                    <Route path="/yd" component={YD}></Route>
                    <Route path="/wwh" component={WWH}></Route>
                    <Route path="/tyw" component={TYW}></Route>
                    <Route path="/ys" component={YS}></Route>
                    <Route path="/sfz" component={SFZ}></Route>
                    <Route path="/yyc" component={YYC}></Route>
                    <Route exact path="/home" component={Home}></Route>
                    <Redirect to="/home"></Redirect>
                </Switch>
            </Router>

现在打包出来放在服务器上,出现了这样一个问题
举个例:
项目的地址是
segmentfault.com/项目名/index.html

本来打开应该是
segmentfault.com/项目名/home

但是用浏览器打开后,地址栏自动变成
segmentfault.com/home

路由功能都正常,组件都能访问,只是地址自动变成“服务器根目录地址/路由地址”,刷新不能再打开项目

不知道是前端的问题,还是后台的问题。
在百度上查了下,不知道是不是需要设置browserHistory

阅读 2.4k
2 个回答

是不是nginx代理配置的问题呢?

react-router提供了basename属性来配置多级目录

<Router basename="/aaa"/>

basename

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题