react+node阿里云搭配宝塔实现项目上线（保姆级教学）

一、购买服务器

我这里使用的是阿里云新账号免费试用三个月的云服务器ESC

1.1选择第一个

2.2相关配置

3.3 我们服务器的一些相关信息

二、配置服务器

2.1重置密码

2.2 远程连接

2.2.1服务器安装系统

使用宝塔给服务器安装系统: 宝塔面板

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

复制粘贴后回车

安装成功后他会反馈给我们面板的相关信息，我们要保存好！！！

2.3 配置放行组

个人人推荐使用手动添加

三、注册宝塔账号

我们需要注册一个宝塔账号用于登录: 注册宝塔账号

3.1登录Linux面板

输入我们上面表他账户登陆信息中的username和password

3.2 绑定宝塔官网账号

3.3 安装套件

他会给我们安装一些内部系统、mysql数据库等等，可以根据个人喜好自行去安装

3.4存放文件

前端通过npm run build将项目打包后将打包好的文件上传到服务器上即可
后端只需要将node_modules删除，其余的不用动，上传到服务器即可

3.5 部署页面

前端部署

前端默认端口是80，需要我们再放行组中重新配置

后端部署

location ~ ^/(\.user.ini|\.htaccess|\.git|\.env|\.svn|\.project|LICENSE|README.md){
    return 404;
}
这段配置属于Nginx服务器配置文件中的一个location块，其作用是提高网站的安全性，通过禁止直接访问某些
可能包含敏感信息或者对网站运行不必要暴露的文件类型和目录。


我们只需要改为：location / { try_files $uri $uri /index.html; }
这段配置告诉Nginx，如果请求的文件不存在，则直接返回index.html，这样React Router就能接管路由并根据URL展示正确的组件。

配置完成后记得要保存！！！

3.6 修改请求地址

这个请求，我们只需要将http://127.0.0.1换成我们的公网IP即可。 例如：47.94.230.142：3333

如果不知道自己的公网IP可以去阿里云实例中查看

3.7 通过公网IP访问我们部署的网页