项目打包后进入到路由页面再刷新页面就找不到了

找不到 192.168.137.1 的网页

找不到与以下网址对应的网页：http://192.168.137.1:8080/2

不打包在项目中跑没问题

weixin_慕数据0318417 2020-03-25

源自：项目：React实现新闻网站核心功能 7-4 项目作业

收起

6回答

好帮手慕星星回答被采纳获得+3积分 2020-03-26 14:05:44

同学你好，在浏览器内可以由首页跳转到其他路由地址，是因为这是由前端自行渲染的，在React Router定义了对应的路由，脚本并没有刷新网页访问后台，是JS动态更改了location。当刷新时或者手动写其他路由时，首先是访问的后台地址，然后返回的页面内加载了React代码，最后在浏览器内执行；也就是说如果这个时候报404，是因为后台并没有针对这个路由给出返回HTML内容，也就不会执行React Router了。

可以这样修改，路由使用HashRouter，不要使用BrowserRouter。这样所有的请求都会定位到index.html这一个页面。index.js文件中：

修改之后重新打包试试，祝学习愉快！

收起回答

好帮手慕星星 2020-03-25 18:22:45

同学你好，因为子页面开始的路由并不存在。是通过点击导航才添加的后面路由/1,/2等，所以直接访问子页面是不存在的，需要从首页开始。

祝学习愉快！

收起回答

提问者 weixin_慕数据0318417 #1

有什么方法可以解决这类问题

2020-03-25 21:58:31

好帮手慕星星 2020-03-25 13:55:00

同学你好，这边打包之后用http-server运行如下

只有两个地址，第一个是ip地址，测试没有问题

第二地址测试也没有问题

建议将build文件夹删除，然后重新打包，测试地址中找到ip地址，看看能不能正常访问。

如果还有问题，可以用源码测试下。

祝学习愉快！

收起回答

提问者 weixin_慕数据0318417 #1

127.0.0.1:8080/1 这个页面是可以点进来但是进来之后再点击刷新按钮就找不到了而127.0.0.1：8080 这个页面点击刷新不会出现问题不知道这是什么原因

2020-03-25 14:55:31
提问者 weixin_慕数据0318417 #2

或者理解为 127.0.0.1:8080/1这个页面只能通过127.0.0.1:8080页面点击切换路由跳转，不能直接通过地址栏输入找到

2020-03-25 14:58:44