React 路由 中 BrowserHistory 刷新报404
安装
react-router-dom 的安装
npm install react-router-dom常用的 history 有三种形式， 但是你也可以使用 React Router 实现自定义的 history。
browserHistoryhashHistorycreateMemoryHistory
在项目中最初开发阶段，使用的是hashHistory, 遇到的问题就是链接地址会有 #/
问题
so 不得不使用BrowserHistory 这时候在开发环境中没有任何问题，刷新也不会报404
我的项目地址 http://react.cyclv.com/（个人项目）
但是项目打包之后，在服务器上跑的时候，在二级页面刷新时候会报404
推荐大家看一个介绍 http://react-guide.github.io/react-router-cn/docs/guides/basics/Histories.html
结论+解决方法：需要配置服务器信息，我的操作是把服务器端404转到自己的首页（index.html）
操作：更改404报错跳转页面的地址（这个是后端配置）
ErrorDocument 401 /error_pages/401.html
ErrorDocument 403 /error_pages/403.html
ErrorDocument 404 /index.html
ErrorDocument 500 /error_pages/500.html
这个时候页面刷新 依然会保存在当前页
分析原因：
1.在浏览输入链接到页面展示，期间做了什么
推荐大家百度，理解一下 本人推荐地址：https://www.jianshu.com/p/23b388f8e5aa
2.react项目目录
react，是单文件项目（本人自己项目打包之后）
也就是说当页面在http://react.cyclv.com/customerService
进行刷新时，是向服务请求customerService这个文件，因为就没有所有404
React 路由 中 BrowserHistory 刷新报404相关推荐
- vue react 路由history模式刷新404问题解决方案
vue react 路由history模式刷新404问题解决方案 参考文章: (1)vue react 路由history模式刷新404问题解决方案 (2)https://www.cnblogs.co ...
- php项目webpack打包,Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理
这次给大家带来Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理,Vue项目webpack打包部署时Tomcat刷新报404错误问题处理的注意事项有哪些,下面就是实战案例,一起 ...
- react-router browserHistory刷新页面404问题解决
2019独角兽企业重金招聘Python工程师标准>>> 使用React开发新项目时,遇见了刷新页面,直接访问二级或三级路由时,访问失败,出现404或资源加载异常的情况,本篇针对此问题 ...
- laravel路由无法访问，报404，No query results for model [App\Models\...]
今天遇到了一个问题,在routes/web.php中配置了路由,但始终无法访问该路由,一直报404. Route::resource('gift_packs', 'GiftPacksControlle ...
- php 绝对刷新,vue项目线上页面刷新报404 解决方法(绝对有用)
在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误. 1.vue框架中解决404 vue router mode 默 ...
- Nginx下同域部署多个Vue项目（history路由模式），报404、500错误
主要内容 一.环境 二.问题描述 三.问题解决 1.修改vue项目中的vue.config.js文件 2.修改Nginx的nginx.conf配置文件 3.Nginx目录结构 一.环境 系统: win ...
- vue部署至Tomcat，F5刷新报404问题解决
我做的是一个移动端项目,使用的是 Vue + app 包壳的方式.在 PC 端测试时发现 F5 刷新直接报 404 问题,虽然在移动端包壳后不会有刷新的功能,但是强迫症搞怪,用着真是难受,必须给它 ...
- 华为手机页面刷新报404错误
场景: 首先用户通过传递加密参数请求我们的服务器链接 localhost:8080/xxx/aa.do?params=xxeerexx 用户获取到正常的页面后,用户点击刷新按钮,页面直接报404错误, ...
- Vue项目上线后刷新报错404问题（apache，nginx，tomcat）
一. Vue项目打包发布apache报错: route,配置一个覆盖所有的路由情况 1.需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/ ...
- [译] React 路由和 React 组件的爱恨情仇
原文地址:The Love-Hate Relationship between React Router and React Components 原文作者:Kasra 译文出自:掘金翻译计划 本文永 ...
最新文章
- 1084. [SCOI2005]最大子矩阵【网格DP】
- 这位90后女博导上热搜了！曾被Nature主编点赞，放弃百万英镑年薪回国任教
- day01: oracle12C在Linux7.5上图形化安装部署方法：
- pycharm 怎么修改函数（变量）名及其引用？全局修改（批量重命名）（ctrl + f6）
- GIT的基本操作(建立自己的git远程仓库)
- c++ STL 容器——序列
- 操作系统复习笔记(四)
- 程序员考核的五大死因（上）
- 《操作系统》OS学习（一）：OS相关
- arm中的.a文件如何产生的_如何在IPFS中Pin一个文件？
- Python 基础知识 D5
- Git管理多个远程分支
- 国内免费高匿IP代理软件
- 数据挖掘与数据分析项目链家租房数据（二）从性价比看链家推荐是否存在套路。
- Golang学习——error错误处理浅谈
- 淘宝下架苹果iOS充值业务，马云或在为支付宝扫除障碍
- Kubernetes CKA认证运维工程师笔记-Docker快速入门
- 洛谷-P2006 赵神牛的游戏
- tensor.view().permute()
- 顺序栈—栈顶指针的两种初始化