最近和朋友在一起开发个人项目，需要部署至服务器对外展示，但是环境神码的都是从 0 开始，下面就简单说下如何用 Nginx 部署一个的静态网站。

一、 准备环境

本文案例使用基于以太坊区块链上的永存的留言DAPP项目


二、 环境配置

使用 shell 登录服务器，由于服务器系统是 CentOS 系统，故选择yum安装Nginx较为方便（可使用其它方式安装）yum install -y nginx

安装完成后使用命令：
(1) 开始启动：nginx
(2) 测试Nginx配置是否正确：nginx -t
(3) 优雅重启：nginx -s reload


三、 开始部署

进入 Nginx 配置路径：cd /etc/nginx/->vim nginx.conf
或者 cd /etc/nginx/conf.d 新增一个配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
server {

    ······

    listen       80 default_server;
    # listen       [::]:80 default_server;
    server_name  vowsonblockchain.xyz;

    # Load configuration files for the default server block.

    location / {
            root /root/william/vowsonblockchain/build_webpack;
            index index.html;
            try_files $uri $uri/ /index.html;
    }

    # location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|pdf|txt){
    #       root /root/william/vowsonblockchain/build_webpack;
    #}

    ······
}

SPA项目记得加上try_files $uri $uri/ /index.html;
保存完文件之后再执行nginx -s reload就可以开始愉快的访问你的网站了。


四、 遇到问题

在实践过程中并没有什么特别难以理解的地方，重点是知道遇到何种问题才好解决。
一些常见的问题可阅读以下文章对号入座，放上链接，文章就不搬了。