在日常操作或是项目的实际应用中，有不少朋友对于“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可以），输入一下内容

2. <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怎么办呢”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题。如果想要了解更多知识，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

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

猜你喜欢

• 用JS写音乐播放器的基础功能的代码是什么

  本文实例为大家分享了JavaScript实现简单音乐播放器的具体代码，供大家参考，具体内容如下主要功能：快进、快退、暂停、上下一首、禁音、鼠标控制音量、自动下一首、显示歌名htmlhead    @*不提供音频*@    meta name=viewport content=width=device-width / 

• 前端状态管理的Redux怎么理解，状态管理的目的是什么

  这篇文章主要介绍了前端的状态管理，续上篇文章内容，今天将从 Redux 入手逐渐拓展,需要的小伙伴可以参考一下哟

• 用JS如何实现测网速功能，思路及方法是怎样的

  这篇文章主要介绍了如何用JavaScipt测网速，对测网速感兴趣的同学，可以参考下

• instanceof的功能和原理怎么理解，如何手动实现instanceof

  instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，本文重点给大家介绍JavaScript手动实现instanceof的问题，感兴趣的朋友跟随小编一起看看吧

• 基于vue框架怎么实现图片拖拽效果，方法是什么

  这篇文章主要为大家详细介绍了vue实现图片拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下