当前位置 : 主页 > 网页制作 > React >

react-router刷新页面Cannot GET 问题

来源:互联网 收集:自由互联 发布时间:2021-06-15
最近在做项目的时候遇到了如下错误 并在控制台看到了如下的报错 我先是按照控制台的错误搜索,得出的结果都是对meta头部进行设置,允许资源请求,但是问题依然没有解决,偶然间

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

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

我先是按照控制台的错误搜索,得出的结果都是对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

网友评论