fix: surface frps startup failures and avoid nginx port conflicts

web/src/views/AgentView.vue

@@ -465,6 +465,14 @@
       <section class="form-section">
         <h3><n-icon :component="SwapHorizontalOutline" /> frps vhost 反代端口</h3>
         <p class="form-hint">frps 的 vhostHTTPPort / vhostHTTPSPort，即 Nginx 反代的回源端口（proxy_pass http://127.0.0.1:端口）。修改后需「下发 frps 配置」并重启 frps，且重新部署各规则的反代。留空用默认 8080 / 8443。</p>
+        <n-alert
+          v-if="serverForm.options.vhost_http_port === 80 || serverForm.options.vhost_https_port === 443"
+          type="warning"
+          :show-icon="false"
+          style="margin-bottom: 12px"
+        >
+          80/443 通常由 VPS 上的 Nginx 占用，frps 不能再次监听；请改为 8080/8443，否则 frps 会因端口冲突启动失败。
+        </n-alert>
         <div class="form-grid">
           <n-form-item label="HTTP 回源端口"><n-input-number v-model:value="serverForm.options.vhost_http_port" :min="1" :max="65535" placeholder="默认 8080" /></n-form-item>
           <n-form-item label="HTTPS 回源端口"><n-input-number v-model:value="serverForm.options.vhost_https_port" :min="1" :max="65535" placeholder="默认 8443" /></n-form-item>

web/src/views/FrpView.vue

@@ -469,7 +469,7 @@
      → frps（vhostHTTPPort，按 Host 分流）
      → FRP HTTP 隧道 → NAS 内网应用</pre>
           <ol class="guide-steps">
-            <li>存在 http/https 规则时，本页生成的 frps.toml 已自动带 vhostHTTPPort / vhostHTTPSPort（80/443）；用非标准端口请自行调整并放行防火墙；</li>
+            <li>存在 http/https 规则时，frps.toml 会自动带 vhostHTTPPort / vhostHTTPSPort；VPS 上运行 Nginx 时请使用 8080/8443，80/443 留给 Nginx 对外监听；</li>
             <li>DDNS「自定义 IP」把 app.example.com 解析到 VPS IP；</li>
             <li>FRP 规则：类型 http（或 https），自定义域名 app.example.com，内网目标为应用地址；</li>
             <li>应用配置后验证。</li>