React+Nginx页面刷新报错问题
来源:互联网 发布:淘宝客服兼职 招聘吗 编辑:程序博客网 时间:2024/06/05 15:08
大致场景如下,结合Nginx和react开发了应用,但是react路由无法刷新,导致一直404错误,结合各方面最终选择在Nginx解决。
报错原因:
react路由是虚拟路由,生效必须要加载app.js,然后通过该文件实现跳转,当页面刷新时无法加载app.js因此导致404
解决思路如下:
一旦报错404就跳转到根。
location /pool/ {
proxy_intercept_errors on;proxy_pass http://192.168.0.7:8080;
proxy_set_header Host $host;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
error_page 404 = @pool;
}
location @pool {
try_files $uri /pool/;
}
阅读全文
0 0
- React+Nginx页面刷新报错问题
- react-router 与react-reduct 配合使用时,页面不刷新问题
- React开发问题记录--returncode报错
- 微信公众账号 点击返回页面刷新页面得到两个相同的code导致程序报错的问题
- 解决react-native的Navigator跳转不刷新页面的问题
- requirejs页面刷新失效js报错问题解决方案
- 页面偶尔出现查询/页面刷新错误,ejs出现类型报错/方法报错
- 页面部分刷新问题
- 页面刷新问题
- js刷新页面问题
- 防止页面刷新问题
- 页面刷新问题
- 页面刷新的问题
- fragment页面刷新问题
- React Native 报PropTypes 问题
- React Webpack报错
- react报错解决办法
- jsp页面编码报错问题
- ionic3 自定义插件的开发和调用(包含jar包调用,文件结构详解)
- 数字图像的梯度概念(the gradient of the image)
- 系统间通信方式之(ActiveMQ的使用性能优化之冰火两重天5)(十六)
- RecyclerView 隐藏部分分割线
- 输入不同对象的姓名、性别、年龄、体重和住址等信息,并输出显示
- React+Nginx页面刷新报错问题
- 实现Banner,TabLayout,XlistView
- FFmpeg RGB数据添加BMP头
- Python中lxml模块的安装
- route路由
- 2017 CCPC 秦皇岛
- FLYMCU串口下载配置界面
- 相逢恨晚
- json异常之JsonMappingException