如何使用apache部署react

这篇文章主要介绍“如何使用apache部署react”，在日常操作中，相信很多人在如何使用apache部署react问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何使用apache部署react”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

使用apache部署react的方法：1、下载Apache并解压；2、修改conf文件夹下“heetd.conf”；3、用语句“httpd.exe -k install”安装并启动apache；4、将请求数据的地址改为服务器的地址；5、将生成的打包文件放入apache根目录， 重启apache即可。

Apache部署react项目（从安装到部署完成）

1.安装

1.1下载Apache

解压后，我放入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根目录

<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:端口号，即可访问网页。

到此，关于“如何使用apache部署react”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！