最近在作项目的时候遇到了以下错误
并在控制台看到了以下的报错
我先是按照控制台的错误搜索,得出的结果都是对meta头部进行设置,容许资源请求,可是问题依然没有解决,偶然间改变了想法,会不会是路由的问题呢,一搜还真是,这是由于没有历史记录
添加HashRouter
便可react
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-manuallyreact-router