阿里云服务器+nginx部署前端项目的全部流程

1. 阿里云服务器（此处阿里云服务器为新人免费体验，但是新人免费体验后就无法享受后续新人购买福利了，因此后续我购买了腾讯云）

步骤一：由于此处已经购买好服务器不再演示购买过程，首先进入阿里云控制台->实例，此处可以查看到运行状态和公网ip。

步骤二：给实例设置密码，注：此处设置的密码后续部署会用到。

步骤三：需要配置一下安全组，通过手动添加如：80，443等，否则到时候使用公网IP访问的时候会出现访问不到的情况。

2. 下载xshell和xftp

• xshell下载地址：xshell
  点击下图中免费授权页面可以进入下载xshell和xftp，具体操作步骤可查看xshell和xftp免费下载链接

• 新建会话窗口，这里ip为阿里云服务器中的公网ip，然后点击确定
  

• 双击所有会话中的名称，弹出SSH用户名弹窗，用户名默认为root。

• 输入实例创建时输入的密码（注：阿里云使用xshell登陆时可能出现密码框为灰色，解决办法第4小点列出）
  
  点击确认后出现如下图表明创建成功
  

• 解决阿里云使用xshell登陆时可能出现密码框为灰色
  

• 这里我们需要进入阿里云控制台，控制台->实例，点击远程连接，然后登录。此处可能需要你设置一个密码。
  

• 登陆后，将命令vim /etc/ssh/sshd_config 输入会话框。
  

• 回车后，按下i键可以对下面内容进行编辑。修改最后一项为yes：PasswordAuthentication yes。接着按下esc，然后:wq退出并保存。然后重启sshd服务systemctl restart sshd.service然后重新登陆此时,已经可以输入密码了!!!

3.nginx的安装

1. 运行以下命令，安装Nginx相关依赖。

yum install -y gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel

2. 运行wget命令下载Nginx 1.21.6。

您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：

wget http://nginx.org/download/nginx-1.21.6.tar.gz

3. 运行以下命令，解压Nginx 1.21.6安装包，然后进入Nginx所在的文件夹。

tar zxvf nginx-1.21.6.tar.gz
cd nginx-1.21.6

4. 检查平台安装环境。

./configure --prefix=/usr/local/nginx

5. 编译源码

make && make install

6. 执行下面命令，然后将公网ip输入到浏览器，如下图所示表明服务成功

/usr/local/nginx/sbin/nginx

如果出现下面这种情况说明端口被占用。

查看一下服务运行状态：

ps -ef | grep nginx

可以看出端口已经运行，因此需要停止服务：kill 18317
最后重启服务运行：

/usr/local/nginx/sbin/nginx
/usr/local/nginx/sbin/nginx -s reopen

4.上传静态资源

1. 点击图中的图标会打开xftp
   
2. 在目录/root中建立一个空文件夹用来存放静态资源
   
   这里直接将前端打包好的项目复制到新建的文件夹中
   

5.配置nginx

1. 此时如果想你前端文件能够被访问到，需要修改一下nginx配置项文件。执行下面命令可访问配置项文件：

vim /usr/local/nginx/conf/nginx.conf

2. xshell中配置项文件需要修改的内容如下，按下i进行编辑：
   
   修改完配置， esc退出编辑，:wq 保存退出。
   最后重启一下服务即可。