使用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.conf167行将最前面的 # 删除
将none改成all(可使用文件内字符查找,一共有三处)
2.2添加.htaccess文件新建.htaccess,添加以下代码,并放入apache根目录
<ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.html$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.html [l]</ifmodule>
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的详细内容。