在react-router中刷新页面出现404问题

本篇文章主要介绍了react-router browserHistory刷新页面404问题解决方法，非常具有实用价值，需要的朋友可以参考下

使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。

背景

使用webpack-dev-server做本地开发服务器时，正常情况只需要简单使用webpack-dev-server指令启动即可，但是当项目处于以下两种情况时，往往需要有嵌套路由和异步加载路由：

1. 我们使用react-router这种路由库构建单页面应用路由；

2. 使用html-webpack-plugin插件动态将加载js的

   作者最新文章

   • 在weebox中有关弹出窗口不居中问题
     2018-06-23 18:19:43
   • 在vue+canvas中有关excel-like组件如何使用
     2018-06-23 18:17:39
   • 在JavaScript中有关class如何调用
     2018-06-23 18:11:37
   • 使用Vue框架如何实现上拉刷新功能
     2018-06-23 18:10:14
   • 使用Vue移动端如何实现图片裁剪组件
     2018-06-23 18:06:43
   • 有关微信小程序模板和模块化用法（详细教程）
     2018-06-23 18:04:28
   • 在vue2中如何实现上拉加载功能
     2018-06-23 18:02:45
   • 使用Vue2如何实现三级联动
     2018-06-23 18:00:45
   • 在vue2中如何实现数据请求显示loading图
     2018-06-23 17:58:23
   • 使用元素全屏如何做到设置与监听
     2018-06-23 17:56:41
   最新问题

   如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？ 这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...

   来自于 2024-04-06 21:28:37

   0

   1

   2257

   状态更新在 Android 上的 React-Native 中不起作用 我有一些代码，其中有成对的图像，它们都在可滑动的水平图库中。现在，当您单击两个图像的上部时，图像应该关闭切换，所以我所做的是，我将isImage2Active设置为状态，然后只需切...

   来自于 2024-04-06 16:54:10

   0

   1

   410

   为什么省略 0ms sleep 会破坏我的 css 转换？ 我正在尝试实现FLIP动画，看看我是否理解正确。在这个代码笔中（请原谅糟糕的代码，我只是在乱搞），如果我注释掉睡眠，平滑过渡将不再有效。div突然改变位置。这很奇怪，因为睡眠时间为...

   来自于 2024-04-06 16:29:50

   0

   2

   490

   React子元素无效（发现：具有键{clientVersion}的对象）。如果您想渲染一个子元素集合，请使用数组代替 我有一个多步骤表单，当我尝试提交时会显示此错误。但是，如果我以简单的形式使用createOrganization调度，它就会起作用。是后端问题还是前端问题？我可能做错了什么？我希望...

   来自于 2024-04-06 16:25:39

   0

   1

   346

   React Three Fiber：为什么我的滚动事件有滞后？ 在ReactThreeFiber中，我有一个React组件，可以生成一个精灵，我希望该精灵在相机变焦下保持不变。该算法似乎有效（大小似乎不随时间变化），但我可以明显看到它在放大和缩...

   来自于 2024-04-06 13:39:24

   0

   1

   410
   相关专题

   更多>

   • 如何打开404网站
   • 404网站怎么进入
   • python配置环境变量
   • minidump蓝屏
   • html版权符号
   • 以太坊浏览器为什么进不去
   • u币价格今日行情
   • jsp虚拟空间怎么配置