本教程操作环境：Windows10系统、react18.0.0版、Dell G3电脑。
Apache部署react项目（从安装到部署完成）
1.安装
1.1下载Apache
传送门：Apache Haus Downloads
(资料图)
解压后，我放入E盘
1.2修改conf文件夹下heetd.conf(39行) 重点
修改为
端口可以改为自己需要的（不改 ，端口可能已占用，无法启动）（67行）
1.3 用语句httpd.exe -k install安装
下一步，进入bin文件，cmd以管理员方式进入，执行语句
httpd.exe -k install
登录后复制图例：（以下为成功）
启动apache
net start Apache2.4
登录后复制注：停止可用net stop Apache2.4
第一步完成。
2.配置文件(解决路由失效，即点击不跳转)
2.1修改conf文件夹下httpd.conf
167行将最前面的 # 删除
将None改成All(可使用文件内字符查找，一共有三处)
2.2添加.htaccess文件
新建.htaccess，添加以下代码，并放入apache根目录
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]
登录后复制2.3 配置package.json
添加
3.打包项目
3.1改地址
将请求数据的地址改为服务器的地址
3.2webpack打包
执行
npm run build
登录后复制将生成的打包文件放入apache根目录
重启apache
net restart Apache2.4
登录后复制最后在地址栏输入服务器地址 xxx.xxx.xxx.xxx:端口号，即可访问网页。
推荐学习：《react视频教程》
以上就是怎么使用apache部署react的详细内容，更多请关注php中文网其它相关文章！
