javascript - react-router实现路由改变后，刷新浏览器则报找不到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>这篇关于javascript - react-router实现路由改变后，刷新浏览器则报找不到js文件的错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
