react.js - react-router V4 刷新页面 404

问题描述

问 题

1、使用了browserhistory：

import createHistory from 'history/createBrowserHistory'; 
const history = createHistory(); 

2、BrowserRouter如下：

3、MainPage 组件中使用了嵌套的子组件：

4、服务器使用的 webpack-dev-server , 加了 --history-api-fallback

问题：页面正常显示，但是刷新 /cw/dsh 或者 /cw/t1 这种子组件路由的页面时，404 not found ， 进入/cw 路由时虽然没有组件显示但并不是404.

解决方案

其实是 bundle.js 引入路径的问题：

//相对路径，嵌套路由下会访问 /cw/bundle.js 而实际路径应该是 localhost:8080/bundle.js 
<script type="text/javascript" src="bundle.js"></script>

//修改为这个路径，使 bundle.js 相对于根路径即可
<script type="text/javascript" src="/bundle.js"></script>

这篇关于react.js - react-router V4 刷新页面 404的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！