大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何使用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

如何使用apache部署react

解压后,我放入E盘

如何使用apache部署react

1.2修改conf文件夹下heetd.conf(39行)   重点

如何使用apache部署react

修改为

如何使用apache部署react

端口可以改为自己需要的(不改 ,端口可能已占用,无法启动)(67行

如何使用apache部署react

1.3 用语句httpd.exe -k install安装

下一步,进入bin文件,cmd以管理员方式进入,执行语句

httpd.exe -k install

图例:(以下为成功)

如何使用apache部署react

启动apache

net start Apache2.4

:停止可用net stop Apache2.4

第一步完成。

2.配置文件(解决路由失效,即点击不跳转)

2.1修改conf文件夹下httpd.conf

167行将最前面的 # 删除

如何使用apache部署react

将None改成All(可使用文件内字符查找,一共有三处)

如何使用apache部署react

2.2添加.htaccess文件

新建.htaccess,添加以下代码,并放入apache根目录


   RewriteEngine On
   RewriteBase /
   RewriteRule ^index\.html$ - [L]
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
   RewriteRule . /index.html [L]

如何使用apache部署react

2.3 配置package.json

添加

如何使用apache部署react

3.打包项目

3.1改地址

将请求数据的地址改为服务器的地址

3.2webpack打包

执行

npm run build

将生成的打包文件放入apache根目录

如何使用apache部署react

重启apache

net restart Apache2.4

最后在地址栏输入服务器地址   xxx.xxx.xxx.xxx:端口号,即可访问网页。

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


网站题目:如何使用apache部署react
网站网址:http://dzwzjz.com/article/ppgcep.html
在线咨询
服务热线
服务热线:028-86922220
TOP