如何使用apache部署react

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

创新互联公司长期为上千客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为富阳企业提供专业的做网站、成都做网站，富阳网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

使用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根目录

   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部署react”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！