react-router刷新页面Cannot GET 问题

最近在做项目的时候遇到了如下错误

并在控制台看到了如下的报错

我先是按照控制台的错误搜索,得出的结果都是对meta头部进行设置,允许资源请求,但是问题依然没有解决,偶然间改变了想法,会不会是路由的问题呢,一搜还真是,这是因为没有历史记录
添加HashRouter即可

import { HashRouter } from 'react-router-dom';

  <HashRouter>
        {/*<Route>*/}
            <Route  exact path="/" component={ App } />

            <Route  path="/aboutMe" component={aboutMe} />
            <Route  path="/myBlog" component={myBlog} />
            <Route  path="/myTrip" component={myTrip} />
            <Route  path="/aboutWebsite" component={aboutWebsite}/>


        {/*</Route>*/}
  </HashRouter>


最终url会被打上#,问题解决,说是因为打上#后不再会请求服务器资源

问题参考:https://stackoverflow.com/questions/27928372/react-router-urls-dont-work-when-refreshing-or-writing-manually

posted @ 2019-08-25 09:05  c_y_yuan  阅读(1748)  评论(0编辑  收藏  举报