NPM 与 XUI 共存！Nginx Proxy Manager 搭配 X-UI 实现 Vless+WS+TLS 教程！

之前分享过搭建可以与宝塔共存的一个 “魔法” 服务器状态监控应用 ——xui，支持 Vmess+WS+TLS。

最近 Docker 视频出的比较多，前阵子又出现了宝塔国内版存在隐私泄露的问题，很多小伙伴其实都不用宝塔了，那么，在我们现在装了 Nginx Proxy Manager（NPM）的环境下，80 和 443 端口都转由 NPM 来管理了，可以让 XUI 和 NPM 共存吗？如何用 NPM 来反代 XUI 呢？今天我们就来折腾一下！

1. 搭建环境

• 服务器：腾讯香港轻量应用服务器 24 元 / 月 VPS 一台展示用的服务器是甲骨文圣何塞永久免费服务器，本期搭建用的是 Vultr 的服务器，按小时计费，可随时销毁（最好是选 非大陆的服务器）（腾讯轻量购买链接）移动、联通用户建议可以用 Racknerd 试试
• 系统：Debian 10（DD 脚本 非必需 DD 用原来的系统也 OK）
• 域名一枚，并做好解析到服务器上（域名购买、域名解析 视频教程）
• 安装好 Docker、Docker-compose（相关脚本）
• 安装好 Nginx Proxy Manager（相关教程）

2. 搭建视频

YouTube：https://youtu.be/aYC4BTzbw8c

3. 搭建方式

3.1 服务器初始设置

服务器初始设置，参考

新买了一台服务器 “必须” 要做的 6 件小事

【Docker 系列】不用宝塔面板，小白一样可以玩转 VPS 服务器！

3.2 下载 xui

新版（支持功能更多）：

BASH

bash <(curl -Ls https://raw.githubusercontent.com/FranzKafkaYu/x-ui/master/install.sh)

GitHub 地址：GitHub - FranzKafkaYu/x-ui: Lightweight Xray panel with multi-protocol and multi-user on the same port,supports English language and Telegram bot. Easy to use and easy to manage.

旧版：

BASH

bash <(curl -Ls https://raw.githubusercontent.com/vaxilu/x-ui/master/install.sh)

根据提示设置端口信息、用户名、密码。

3.3 登陆 xui 面板并配置

切换最新版本：

修改面板路径：

记得保存配置。

添加入站列表:

如果配置，只需要修改 4 个地方：

点击添加，之后点击重启面板

3.4 NPM 配置

2022-12-15 更新简单方法

无需手动进入目录修改，只需要在面版即可操作！

选择任意一个 NPM 代理上，分别在下面两个位置填入下面两个部分内容：

代替了旧方法中的：

NGINX

location ^~ /fuckgfw { #fuckgfw换成你前面设置的面板的url根路径proxy_pass http://158.101.3.171:54331/fuckgfw; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，54331换成你xui面板的端口proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }

NGINX

location /plogger { # plogger填你前面设置的ws的路径proxy_redirect off;proxy_pass http://158.101.3.171:13997; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，13997换成你入站规则那边的IPproxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";proxy_set_header Host $http_host;proxy_read_timeout 300s;# Show realip in v2ray access.logproxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }

保存即可！

---

以下为旧方法，不建议采用

登陆服务器，来到 NPM 的安装路径下（这边假设大家都是用【Docker 系列】一个反向代理神器 ——Nginx Proxy Manager 这篇文章的方法搭建的）：

BASH

cd /root/data/docker_data/npm

查看当前文件：

BASH

ls -al

我们的文件都在 data 目录下，一层一层找，找到我们的 Nginx 配置文件。

BASH

cd data/nginx/proxy_host

可以看到两个文件（如果你 NPM 反代多的话，可能有很多个）

这边比较讨厌，是数字命名的，其实我们随便选一个也行。

---

以上为旧方法，不建议采用。

在上述位置加入以下内容：

NGINX

location ^~ /fuckgfw { #fuckgfw换成你前面设置的面板的url根路径proxy_pass http://158.101.3.171:54331/fuckgfw; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，54331换成你xui面板的端口proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /plogger { # plogger填你前面设置的ws的路径proxy_redirect off;proxy_pass http://158.101.3.171:13997; # IP填服务器IP，这边不能填127.0.0.1，因为是在容器里，13997换成你入站规则那边的IPproxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";proxy_set_header Host $http_host;proxy_read_timeout 300s;# Show realip in v2ray access.logproxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }

保存后，重启一下 NPM。

BASH

cd /root/data/docker_data/npm # 来到docker-compose.yml所在的文件夹下docker-compose restart # 重启

4. 客户端连接

以小火煎为例子，其他客户端类似：

点击打开二维码：

完整配置参考：

启动节点：

浏览器输入 https://ip.skk.moe/

搞定！

5. 注意事项（重要）

由于我们是直接修改的配置文件，所以，在反代的这个站点，不用轻易在 NPM 后台面板上修改原来的配置（比如打开，然后点确定），这样会破坏掉我们这边写的 Nginx 配置文件，导致节点无法正常使用。