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

来源：恒创科技编辑：恒创科技编辑部

2024-01-27 22:39:59

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

刷新页面时访问的资源在服务端找不到，因为react-router设置的路径不是真实存在的路径。
如上的404现象，是因为在apache配置的根目录下面压根没有userinfo这个真实资源存在，这些访问资源都是在js里渲染的。
解决方案
1：进入apache目录的conf目录
2：打开httpd.conf
3：找到#LoadModule rewrite_module modules/mod_rewrite.so然后把前面的#去掉
4：找到所有的AllowOverride配置项，把所有的None都修改为All
5：在网站根目录下面新建一个 .htaccess 文件（不需要文件名，直接.htaccess 就可以，Windows可以），输入一下内容

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

6：重启apache

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