零.前言

今天空闲，主要把之前做的阿里云服务器上部署个人的前端项目的经过记录一下，nginx之前也没用过，项目之前都是放github上面的，后面打算把这段时间的项目都放在阿里云上，主要为了简历展示方便，可能找工作的时候，会方便一点，废话不多说了，下面开始。

一.首先买个阿里云服务器，阿里云中安装nginx服务器

1.刚买的阿里云服务器，就相当于一个空壳子，如果想把web项目放在上面，就必须要用web的服务器，我自己用的是nginx服务器。

2.Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。

3.具体安装步骤，网上挺多的，安装之后，浏览器输入自己的阿里云IP地址并回车，而安装成功的Nginx界面如下图所示：

二.配置nginx

1.修改配置文件需要root权限，输入su命令并输入密码，获取root权限。

su

2.打开你的nginx.conf文件，文件位置是，/usr/local/nginx/conf,conf文件中有nginx.conf文件，使用vim nginx.conf 打开文件。

cd /usr/local/nginx/conf

vim nginx.conf

下面是一个简单的nginx配置，完全够新人初期使用了，具体如下：

需要修改的是server中的location，即

location / {
    root  /home/liulei;
    index index.html index.htm;
}

*上面的root中写的是：你的项目所在目录，进去目录，使用pwd命令获取，我的是在home目录下的liulei用户中的，有几个项目
我的项目如图所示（总共四个项目），nginx配置可以预览到所有项目。

events {
  worker_connections  1024;
}
http {
  include       mime.types;
  default_type  application/octet-stream;
  sendfile        on;
  keepalive_timeout  65;
  server {
      listen       80;
      server_name  localhost;
      location / {
          root   /home/liulei
          index  index.html index.htm;
      }
      location /nginx_status {
       stub_status on;
       access_log   off;
        }
  }
}

3.配置好退出

1.使用命令启动nginx服务器

cd /usr/local/nginx/sbin

./nginx 启动nginx服务器

4.进入浏览器网址栏，输入ip + 项目文件名

举个例子，我想看到自己test项目（一个前端导航项目）的预览效果我的ip：192.192.192.192/test/src 即可得到最终的效果：

如何把个人前端项目部署到阿里云服务器上？