Nginx Proxy Manager 上部署静态网站

前言

众所周知，对于一些 Docker 搭建的 Web 项目，NPM 能够很轻松地给他们做反向代理。

然而对于一些静态网站，小伙伴们可能不知道怎么用 NPM 来展示，这篇文章就来简单和大家分享一下，如何用 NPM 来托管一些简单的 HTML 单页。

实操

因为我们已经有 NPM 在运行，监听了 443 端口和 80 端口，避免为了一个静态网站而建立另一个 Web 服务器。

托管一些简单的 HTML 单页是一个简单的、低流量的需求，使用 NPM 已经运行的内置 nginx 就可以了。

放置静态网页

找到你用 docker compose 构建的 NPM 目录，比如我的是~/data/docker_data/nginxproxymanager/，进入里面的 data 文件夹，建立一个空文件夹

cd ~/data/docker_data/nginxproxymanager/data/
mkdir web_html

然后将网页文件 index.html 放置在该文件夹下（注意只支持 index.html，php 不支持）

NPM 配置

登陆 NPM，在网页里新建一个 Proxy Host

Details 填入

• Domain Names：域名
• Scheme：http
• Forward Hostname / IP：docker 容器 ip
• Forward Port：这个随便填，最后都是走服务器80口出

SSL 填入

• SSL Certificate：SSL 证书
• Force SSL：勾选

Advanced 填入

location / {
  root /data; # index.html 所在目录
}

保存，然后就可以通过域名访问你的静态网页了。