全球观点:怎么使用apache部署react

时间:2022-12-29 09:58:33       来源:PHP中文网

本教程操作环境: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中文网其它相关文章!

关键词: 相关文章 访问网页 配置文件