Portainer如何使用 Nginx 容器实现端口转发？

以上一章节中的 Wordpress 网站作为示例，在 WordPress 部署完成后，需要在浏览器内输入 IP:端口或域名:端口 的形式访问网站，但我们一般访问应用的时候都是希望不加端口就能访问域名，所以这时就要用到 Nginx 的端口转发功能。

安装Nginx容器

一、创建 Nginx 容器：

1.进入到 Portainer 页面，选择左边的 Containers 选项，单击上方的 Add container 按钮转到如图 2 所示的页面；

2.按照下图创建 Nginx 容器；

3.回到容器列表，点击刚刚创建的 Nginx 容器，可进入到容器详情页，往下可看到 volueme 信息，记录下 /etc/nginx 目录 对应的 volume 的值。

安装File Browser容器

二、创建 FileBrowser 容器

1.进入到 Portainer 页面，选择左边的 App Templates 选项，往下找到 File browser 容器模板，单击选择；

2.按照下图创建 File browser 容器；

3.进入到容器列表，单击刚刚创建的 File browser 容器，点击 Duplicate/Edit 按钮，进入到修改容器信息页面；

4.按照下图，将 File browser 的 volume 值修改为 和 Nginx 的 volume 值相同；

配置Nginx实现端口转发

三、更改 Nginx 配置文件实现端口转发

1. 打开第二步中创建的 File Browser 网站（公网ip:端口），账号密码为 admin/admin，登录到 File Browser;

2.进入 conf.d 目录，双击 default.conf 文件，将原来的配置删除，修改为如下图所示内容：

upstream wordpress {
    server 159.138.6.145:32773;
}

server {
    listen 80;
    server_name  test.example.top;

    location / {
    proxy_pass http://wordpress;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Via "nginx";
    }
}

注意：请将 server_name 改为自己的域名，proxy_pass 改为自己网站容器的 IP:端口号

3.容器列表重启 Nginx 容器，现在就可以在浏览器地址栏输入域名直接访问自己的网站了。

修改完 Nginx 的配置文件后，File Browser 容器可选择继续保留使用或删除。