WordPress网站做了frp内网穿透之后，链接中的端口如何隐藏掉

易西 · 发表于 2026-6-18 17:43:39

易西 · 发表于 2026-6-18 17:44:52

在使用WordPress网站并通过内网穿透（如使用FRP或类似工具）进行外部访问时，通常需要将网站链接中的端口隐藏，以使URL看起来更简洁和专业。这可以通过以下几种方法实现：

1. 使用反向代理服务器
最常见的方法是使用反向代理服务器，如Nginx或Apache，将HTTP请求转发到运行在非标准端口（如80或443）上的WordPress实例。这样，你可以让外部访问使用HTTP或HTTPS协议的标准端口，而内部则保持使用FRP或其他穿透工具设置的非标准端口。

步骤：
‌安装并配置Nginx或Apache‌：

如果你使用的是Nginx，可以在其配置文件中设置反向代理。
示例配置（Nginx）:
nginx
server {
listen 80;
server_name yourdomain.com;

location / {
      proxy_pass http://localhost:8080; # FRP穿透后的内网端口
      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 X-Forwarded-Proto $scheme;
}
}
如果你使用的是Apache，可以通过mod_proxy模块配置反向代理。
‌重启Nginx或Apache服务‌：

bash
sudo systemctl restart nginx
或者对于Apache：

bash
sudo systemctl restart apache2
2. 使用FRP的子域名配置
如果你使用的是FRP，并且希望通过子域名访问网站，可以在FRP客户端配置中设置子域名。这样，外部访问的URL将包含子域名，而不直接显示端口号。

步骤：
‌配置FRP客户端‌：

在frpc.ini文件中添加或修改以下配置：
ini
[web]
type = http
local_ip = 127.0.0.1
local_port = 8080 # WordPress实际运行的端口
subdomain = yoursubdomain
其中yoursubdomain是你希望使用的子域名。

‌重启FRP客户端‌：

bash
./frpc -c ./frpc.ini
‌DNS解析‌：确保你的DNS记录指向了FRP服务器提供的IP地址，并且该子域名已经正确设置。

通过上述任一方法，你都可以隐藏掉WordPress网站链接中的端口号，使URL看起来更加专业和简洁。

参考

易西 · 发表于 2026-6-18 17:47:47

要隐藏WordPress网站frp内网穿透后链接中的端口号，核心思路是通过反向代理将非标准端口的流量映射到浏览器默认隐藏的80（HTTP）或443（HTTPS）端口，以下是具体可落地的方案：

一、核心配置方案：Frp + Nginx反向代理
‌Frp服务端基础配置‌
在云服务器的frps.ini中，设置专用的HTTP/HTTPS穿透端口，例如：
ini
[common]
bindPort = 7000
vhostHTTPPort = 7788
vhostHTTPSPort = 7789
该端口用于接收frpc转发的内网WordPress流量，不直接对外暴露给用户访问。

‌Nginx反向代理配置‌
在云服务器的Nginx中添加站点配置，监听80/443端口，将请求转发到frp的vhost端口：
nginx
server {
listen 80;
server_name 你的域名.com;
location / {
      proxy_pass http://127.0.0.1:7788;
      proxy_set_header Host $host;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
配置HTTPS时可直接复用该逻辑，监听443端口并配置SSL证书，实现无端口的HTTPS访问。

‌解决WordPress自带端口残留问题‌
WordPress会在数据库wp-options表的siteurl和home字段中存储建站时的带端口地址，导致跳转时端口重新出现。你可以直接在wp-config.php中添加以下代码强制修正地址：
php
define( 'WP_HOME', 'http://你的域名.com' );
define( 'WP_SITEURL', 'http://你的域名.com' );
推荐先配置好Nginx反向代理，再初始化WordPress站点，从根源避免数据库写入带端口的地址。

二、简化方案：宝塔面板反向代理
如果使用宝塔面板管理云服务器，操作会更便捷：

在宝塔中添加指向你域名的站点，申请Let's Encrypt免费SSL证书并开启强制HTTPS；
在站点的「反向代理」页面添加规则，目标URL填写http://127.0.0.1:7788（即frp的vhostHTTPPort）；
保存配置后，直接通过域名访问即可自动隐藏所有端口号。
三、替代方案：Cloudflare Tunnel
无需自行配置frp和Nginx，通过Cloudflare的加密隧道直接将内网WordPress服务暴露到公网，全程不开放任何高位端口，天然实现零端口暴露，还自带DDoS防护和全站HTTPS，适合没有备案域名的场景使用。

需要我为你提供一份可直接复制使用的完整Nginx配置和WordPress数据库清理步骤吗？

参考

易西 · 发表于 2026-6-18 18:00:26

结合你之前遇到的重定向循环问题，给你两种‌零复杂配置、直接生效‌的极简方案，不用改Nginx和WordPress数据库，就能直接隐藏链接端口：

1. 「一键生效」Frp原生极简方案
直接修改云服务器frps配置，把vhostHTTPPort改成‌80端口‌：

ini
[common]
bindPort = 7000
vhostHTTPPort = 80
重启frp服务后，直接用域名访问，浏览器会自动省略默认80端口，完全不用额外配置反向代理，复制链接也不会带出端口号。
如果需要HTTPS，把vhostHTTPSPort改成443即可，浏览器同样会自动隐藏该端口。

2. 「零配置」Cloudflare Tunnel方案
完全不用自己折腾frp端口和Nginx，直接用Cloudflare免费隧道：
安装cloudflared客户端后，一键绑定你的域名，流量直接走Cloudflare的443加密通道，全程没有任何端口暴露，复制出来的链接就是纯域名格式，自带HTTPS，连服务器端口都不用额外开放。

这两种方案都不会触发WordPress的重定向循环，操作步骤不超过3步，是目前能最快实现隐藏端口的办法。

需要我给你一份3行就能跑完的frp端口修改重启命令清单吗？

参考

易西 · 发表于 2026-6-18 19:23:53

要隐藏WordPress网站frp内网穿透后链接中的端口号，核心思路是通过反向代理将非标准端口的流量映射到浏览器默认隐藏的80（HTTP）或443（HTTPS）端口，以下是具体可落地的方案：

一、核心配置方案：Frp + Nginx反向代理
‌Frp服务端基础配置‌
在云服务器的frps.ini中，设置专用的HTTP/HTTPS穿透端口，例如：
ini
[common]
bindPort = 7000
vhostHTTPPort = 7788
vhostHTTPSPort = 7789
该端口用于接收frpc转发的内网WordPress流量，不直接对外暴露给用户访问。

‌Nginx反向代理配置‌
在云服务器的Nginx中添加站点配置，监听80/443端口，将请求转发到frp的vhost端口：
nginx
server {
listen 80;
server_name 你的域名.com;
location / {
      proxy_pass http://127.0.0.1:7788;
      proxy_set_header Host $host;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
配置HTTPS时可直接复用该逻辑，监听443端口并配置SSL证书，实现无端口的HTTPS访问。

‌解决WordPress自带端口残留问题‌
WordPress会在数据库wp-options表的siteurl和home字段中存储建站时的带端口地址，导致跳转时端口重新出现。你可以直接在wp-config.php中添加以下代码强制修正地址：
php
define( 'WP_HOME', 'http://你的域名.com' );
define( 'WP_SITEURL', 'http://你的域名.com' );
推荐先配置好Nginx反向代理，再初始化WordPress站点，从根源避免数据库写入带端口的地址。

二、简化方案：宝塔面板反向代理
如果使用宝塔面板管理云服务器，操作会更便捷：

在宝塔中添加指向你域名的站点，申请Let's Encrypt免费SSL证书并开启强制HTTPS；
在站点的「反向代理」页面添加规则，目标URL填写http://127.0.0.1:7788（即frp的vhostHTTPPort）；
保存配置后，直接通过域名访问即可自动隐藏所有端口号。
三、替代方案：Cloudflare Tunnel
无需自行配置frp和Nginx，通过Cloudflare的加密隧道直接将内网WordPress服务暴露到公网，全程不开放任何高位端口，天然实现零端口暴露，还自带DDoS防护和全站HTTPS，适合没有备案域名的场景使用。

参考

易西 · 发表于 2026-6-18 19:27:25

你遇到的情况非常典型：‌其他系统（如静态网页、Java/Python应用）隐藏端口只需 Nginx 反向代理即可，但 WordPress 会“强制”显示端口，是因为 WordPress 自身逻辑在生成链接时，强行从数据库中读取了带端口的旧地址，或者错误判断了当前协议和主机名。‌

简单来说，Nginx 把请求转发进去了，但 WordPress 返回给浏览器的 HTML 代码里，所有的 <a href>、<img src> 甚至重定向（301/302）地址里都写着 http://域名:端口。浏览器拿到这个地址后，自然就会显示出端口。

要彻底解决 WordPress 的“强制显示端口”问题，必须‌在 WordPress 内部层面‌进行修正，而不仅仅是在服务器层面做代理。请按照以下三个步骤操作，缺一不可：

第一步：修改 wp-config.php（最核心步骤）
这是解决 WordPress “顽固”显示端口的最有效方法。通过定义常量，强制 WordPress 忽略数据库中的旧设置，动态使用当前访问的域名和协议。

请在你的 WordPress 根目录下的 wp-config.php 文件中，找到 /* That's all, stop editing! Happy publishing. */ 这一行，‌在它之前‌添加以下代码：

php
/** 强制修正站点地址，解决内网穿透端口显示问题 */
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https') {
$_SERVER['HTTPS'] = 'on';
}

// 动态获取当前访问的主机名（域名），自动隐藏端口
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);

// 如果你配置了 HTTPS，请将上面的 http 改为 https
// define('WP_HOME', 'https://' . $_SERVER['HTTP_HOST']);
// define('WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST']);
‌原理解释：‌

$_SERVER['HTTP_HOST'] 会获取用户浏览器实际访问的域名（例如 example.com），而不包含端口（因为浏览器访问标准80/443端口时不显示端口）。
通过 define 强制覆盖数据库中的 siteurl 和 home 值，WordPress 生成所有链接时都会使用这个动态获取的无端口域名。
第二步：清理数据库中残留的端口信息
即使做了第一步，数据库中可能还残留着旧的带端口的 URL，导致某些插件或硬编码的链接依然显示端口。

登录 phpMyAdmin 或使用命令行进入 MySQL。
执行以下 SQL 语句，将数据库中所有带端口的旧地址替换为新的无端口地址（请根据实际情况修改域名）：
sql
-- 假设你的域名是 example.com，旧地址是 example.com:8080
UPDATE wp_options SET option_value = replace(option_value, 'http://example.com:8080', 'http://example.com') WHERE option_name = 'home' OR option_name = 'siteurl';

-- 替换文章内容和元数据中的链接
UPDATE wp_posts SET post_content = replace(post_content, 'http://example.com:8080', 'http://example.com');
UPDATE wp_postmeta SET meta_value = replace(meta_value, 'http://example.com:8080', 'http://example.com');
注意：如果你的表前缀不是 wp_，请修改为实际的前缀。

第三步：检查 Nginx 反向代理配置（确保头信息正确传递）
为了确保 WordPress 能正确识别协议（HTTP/HTTPS），Nginx 的配置必须包含 X-Forwarded-Proto 头。

你的 Nginx 配置应该类似这样：

nginx
server {
listen 80;
server_name your-domain.com; # 你的域名

location / {
      # 指向 frp 监听的 vhostHTTPPort 或本地 WordPress 端口
      proxy_pass http://127.0.0.1:7788;

      # 关键头信息，必须包含
      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 X-Forwarded-Proto $scheme; # 告诉 WordPress 原始请求是 http 还是 https
}
}
常见坑点排查
‌缓存问题‌：修改完 wp-config.php 后，务必清除浏览器缓存、WordPress 缓存插件（如 WP Super Cache、W3 Total Cache）以及 CDN 缓存。否则你可能看到的还是旧的带端口的页面。
‌HTTPS 混合内容‌：如果你使用了 HTTPS，但 WordPress 内部仍生成 HTTP 链接，浏览器会报错或显示不安全。确保 wp-config.php 中的 WP_HOME 和 WP_SITEURL 使用 https://，并且 Nginx 配置了 SSL 证书。
‌Frps 配置‌：确保 frps.ini 中的 vhostHTTPPort 和 vhostHTTPSPort 已设置，并且 Nginx 反向代理指向的是这些端口，而不是直接指向 WordPress 的本地端口（除非你直接在 frpc 中绑定了域名并使用了 vhost 模式）。
‌总结：‌
其他系统不显示端口是因为它们不存储“自我认知”的 URL，而 WordPress 存储了。通过 wp-config.php 中的 define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']); 这一行代码，你可以强制 WordPress “忘记”数据库中的带端口地址，从而彻底隐藏端口。

参考