React项目打包后进行访问出现404怎么办呢-群英

上一篇：JS怎样实现下拉列表的左右选中添加功能下一篇：JS中窗口对象的相关知识和常见操作有哪些

在日常操作或是项目的实际应用中，有不少朋友对于“React项目打包后进行访问出现404怎么办呢”的问题会存在疑惑，下面小编给大家整理和分享了相关知识和资料，易于大家学习和理解，有需要的朋友可以借鉴参考，下面我们一起来了解一下吧。

react项目使用了路由，项目打包后，使用apache服务器访问，能够正常显示，但是刷新后页面404了

刷新页面时访问的资源在服务端找不到，因为react-router设置的路径不是真实存在的路径。
如上的404现象，是因为在apache配置的根目录下面压根没有userinfo这个真实资源存在，这些访问资源都是在js里渲染的。

解决方案

2：打开httpd.conf

3：找到#LoadModule rewrite_module modules/mod_rewrite.so然后把前面的#去掉

4：找到所有的AllowOverride配置项，把所有的None都修改为All

5：在网站根目录下面新建一个 .htaccess 文件（不需要文件名，直接.htaccess 就可以，Windows可以），输入一下内容

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule

6：重启apache

以上就是关于“React项目打包后进行访问出现404怎么办呢”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签： React

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：JS怎样实现下拉列表的左右选中添加功能下一篇：JS中窗口对象的相关知识和常见操作有哪些