Nginx: 部署静态资源

[Joldnine]

Nginx是一个强大的开源服务器软件, 支持HTTP，reverse proxy 甚至 IMAP/POP3 proxy。Nginx Wiki 本文介绍如何用Nginx部署一个静态页面，或者说部署一个单页应用(Single Page Application）。顺利的话，用时大约5分钟。

环境

ubuntu 14.04 或者 ubuntu 16.04

安装

sudo apt-get update
sudo apt-get install nginx

firewall (16.04 only)

sudo ufw app list
sudo ufw allow 'Nginx HTTP'

config

这时候访问ip地址，就已经可以直接看到Nginx自带的欢迎页面了。 接下来把nginx导向我们的静态网页。

example 1

修改nginx的默认配置文件/etc/nginx/sites-available/default (不同版本可能不一样) root项为你的静态页面文件所在目录。

最后，用浏览器直接访问这台ubuntu的ip地址，就可以看到我们刚刚部署的静态页面了。这里虽然直接访问IP地址，但访问的其实是这个IP的80端口。

example 2

如果不想污染nginx的default conf文件，可以新建一个conf文件，步骤如下。 在nginx的默认配置文件的http项中加入 include servers/*. 在servers/文件夹下新建my-site.conf. 将my-site.conf配置为:

server {
  listen: 8080; # 输入自己想要的端口。
  location / {
    root /path_to_static_files/; # 静态文件目录。
    index index.html;
  }
}