使用apache部署react的方法：1、下载Apache并解压；2、修改conf文件夹下“heetd.conf”；3、用语句“httpd.exe -k install”安装并启动apache；4、将请求数据的地址改为服务器的地址；5、将生成的打包文件放入apache根目录， 重启apache即可。
本教程操作环境：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:端口号，即可访问网页。
推荐学习：《Apache Haus Downloads》
以上就是怎么使用apache部署react的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2923105.html
