如何实现浏览器访问URL仅返回纯文本而非HTML内容？

核心问题是：HTML页面会被浏览器解析为HTML结构，要实现纯文本输出，关键是让服务器返回Content-Type: text/plain的响应，同时内容仅为纯IP字符串，无任何HTML标签。以下是两种可行方案：

方案1：后端直接返回纯文本（推荐） #

这是最可靠的方式，直接从服务端层面控制响应类型和内容：

不同后端环境的实现示例： #

• Nginx配置：

  location /mypublicip/ {
    default_type text/plain;
    # 若依赖后端API获取IP，反向代理到对应接口
    proxy_pass http://your-ip-service;
    # 若直接通过Nginx获取客户端IP（注意：有CDN/反向代理时需调整为HTTP_X_FORWARDED_FOR）
    # return 200 $remote_addr;
  }
  

• PHP：

  <?php
  // 处理反向代理/CDN场景下的真实IP获取
  $clientIp = $_SERVER['HTTP_X_FORWARDED_FOR'] ?? $_SERVER['REMOTE_ADDR'];
  header('Content-Type: text/plain');
  echo $clientIp;
  ?>
  

• Node.js：

  const http = require('http');
  const server = http.createServer((req, res) => {
    const clientIp = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end(clientIp);
  });
  server.listen(3000);
  

方案2：静态HTML通过JS强制转为纯文本 #

如果只能使用静态HTML文件，可通过JS在页面加载后替换文档格式：

<script>
// 替换为你当前使用的IP获取API
fetch('https://api.ipify.org')
  .then(res => res.text())
  .then(ip => {
    document.open('text/plain');
    document.write(ip);
    document.close();
  })
  .catch(err => {
    document.open('text/plain');
    document.write('IP获取失败：' + err.message);
    document.close();
  });
</script>

该方法通过切换文档类型为纯文本实现效果，但相比后端方案，可能存在极短暂的加载痕迹。

注意事项 #

• 若使用前端API获取IP，需确保API支持跨域（CORS），否则会触发访问错误。
• 若配置了CDN，需确保CDN不对该路径做HTML缓存或转码，保证响应头Content-Type为text/plain。

内容的提问来源于stack exchange，提问作者mukkino