加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react-router刷新页面Cannot GET 问题

发布时间:2020-12-15 09:31:14 所属栏目:百科 来源:网络整理
导读:最近在做项目的时候遇到了如下错误 并在控制台看到了如下的报错 我先是按照控制台的错误搜索,得出的结果都是对meta头部进行设置,允许资源请求,但是问题依然没有解决,偶然间改变了想法,会不会是路由的问题呢,一搜还真是,这是因为没有历史记录 添加 Has

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


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


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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读