react 从开发到部署到云服务器(阿里云)
2021-11-27 本文已影响0人
精神病患者link常
1.购买域名(阿里云)(进入域名控制台)
- 完成邮箱验证
- 完成信息模板实名认证
- 完成域名实名认证
- 域名和ip绑定(备案:暂未完成)
2.购买云服务器(阿里云)
3.使用 create-react-app
创建并打包项目,生成build
文件夹(此文件夹最后上传到服务器中
)
4.使用Putty
远程登录阿里云(先重置云服务器的实例密码
)
操作文档:https://developer.aliyun.com/article/682107
Mac下载:https://putty.en.softonic.com/mac
5.打开Putty,安装nginx
sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
sudo yum install -y nginx
sudo systemctl start nginx.service
or nginx
lsof -i:80
kill -9 pid 杀掉端口
6.上传build
文件夹
FileZilla for Mac
下载:http://www.pc6.com/mac/111230.html
比如上传到/home/build
filezilla---》文件---》站点管理器---》我的站点---》新站点---》常规(协议选用SFTP等,以及主机,端口,登录类型-正常,用户,密码)---》连接即可
7. 配置nginx
- 打开putty
nginx -t
vim /etc/nginx/conf.d/default.conf
-
或者
image.png
- 1 localhost 修改为ip地址或者域名
- 2 修改为上传的路径:比如
/home/build
(和第6步的路径一致) - 3 网站错误页面