搜索页面刷新之后就页面就报错

Question

比如点击美食，然后进入搜索页面，但是只要一刷新就马上变成下图了，我使用的是v4版本路由

相关跳转代码

轮播图部分

...
<li className="category-item jd"><Link to="/search/jingdian">景点</Link></li>
<li className="category-item ktv"><Link to="/search/ktv">KTV</Link></li>
<li className="category-item gw"><Link to="/search/gouwu">购物</Link></li>
<li className="category-item shfw"><Link to="/search/shenghuofuwu">生活服务</Link></li>
<li className="category-item jsyd"><Link to="/search/jianshenyundong">健身运动</Link></li>
<li className="category-item mf"><Link to="/search/meifa">美发</Link></li>
<li className="category-item qz"><Link to="/search/qinzi">亲子</Link></li>
<li className="category-item xckc"><Link to="/search/xiaochikuaican">小吃快餐</Link></li>
<li className="category-item zzc"><Link to="/search/zizhucan">自助餐</Link></li>
<li className="category-item jb"><Link to="/search/jiuba">酒吧</Link></li>
...

路由配置页面

...
<Router history={history}>
  <Switch>
    <Route exact path="/" component={ Home }></Route>
    <Route path="/city" component={ City }></Route>
    <Route path="/search/:keyword?" component={ Search }></Route>
    <Route path="/detail/:id" component={ Detail }></Route>
    <Route path="/login" component={ Login }></Route>
    <Route path="/user" component={ User }></Route>
    <Route path="*" component={ NotFound }></Route>
  </Switch>
</Router>
...

谢谢老师

Answer 1

双越 2017-06-18 21:53:17

你截图中，页面的url是 localhost:8000/seach/meishi，而我们教程中的页面地址是 location:8000/#/search/meishi 这两个是有质的区别的，就是这个问题导致了你截图的JS报错。

• 提问者 PARADISELIN #1

  那请问老师在这个情况下如何去改呢

• 双越 回复 提问者 PARADISELIN #2

  我都不知道你这个url是怎么生成的，按照我视频中的样子来，不会出现这样的url

• 提问者 PARADISELIN 回复 双越 #3

  我是按照https://reacttraining.cn/web/guides/quick-start上面写的 前面说的那个质的区别指的是？

点开查看后面5条评论