美文网首页
react 从开发到部署到云服务器(阿里云)

react 从开发到部署到云服务器(阿里云)

作者: 精神病患者link常 | 来源:发表于2021-11-27 20:40 被阅读0次

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 网站错误页面

8 .打开ip地址即可访问

相关文章

网友评论

      本文标题:react 从开发到部署到云服务器(阿里云)

      本文链接:https://www.haomeiwen.com/subject/nalxxrtx.html