最近在作項目的時候遇到了以下錯誤
並在控制檯看到了以下的報錯
我先是按照控制檯的錯誤搜索,得出的結果都是對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