保姆级教程手把手教你:react 打包部署在本地服务器

哈哈哈哈,这个东西简单,就是我截图多了,真是保姆级别,如果对你有帮助,就点赞收藏吧,真是秉承着分享的心情写的,有不好的地方,就多多谅解哈!在这里插入图片描述

1、第一步打开小p (全称:phpstudy),打开环境,启动Nginx 。如下图

在这里插入图片描述

2、 创建网站:域名:localhost ,端口:8686(最好在8000-1000之间),根目录:放到站点根下 www 文件中,建一个文件夹 (例如:react-app).如下图

在这里插入图片描述

然后点击确定,如下图

在这里插入图片描述

创建成功,如下图

在这里插入图片描述

3、然后在打开根目录,把你的项目打包好的build里面的文件,放到里面,你新建的react-app 里面,如下图。

在这里插入图片描述
在这里插入图片描述

本地服务器代码,如下图所示

在这里插入图片描述

4、最后一步,打开本地网站

在这里插入图片描述

效果,如下图

在这里插入图片描述

遇到报错不要慌,顶多遇到问题解决问题

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值