最近和朋友在一起开发个人项目,需要部署至服务器对外展示,但是环境神码的都是从 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就可以开始愉快的访问你的网站了。


四、 遇到问题

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