react.js,路由_react-router实现路由改变后，刷新浏览器则报找不到js文件的错误，react.js,路由,javascript

react-router实现路由改变后，刷新浏览器则报找不到js文件的错误

使用react-router进行路由控制，从首页跳到/search/:id/:page页，成功跳转，数据也刷新了，但刷新浏览器页面空白，找不到js文件了

路由控制代码如下

// 定义页面上的路由
var routes = (
    <Route handler={App}>
        <Route path="/" component={App}>
            <Route path="/search/:id/:page" component={Search} />
        </Route>
    </Route>
);
var mainDiv = document.createElement('mainDiv');
document.body.appendChild(mainDiv);

render(<Router history={browserHistory}>{routes}</Router>, mainDiv);

html文件内容如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>叁公子的私藏种子站</title>
  </head>
  <body>
    
    <script src="bundle.js"></script>
    
  </body>
</html>

首页有个按钮点击实现跳转

<Link to={`/search/${this.state.keyWord}/${1}`} params={{id:this.state.keyWord,page:1}}>
                            <button className="btn btn-success" type="button">搜索</button>
                        </Link>

使用绝对路径引入bundle.js

<script src="/path/to/bundle.js"></script>