如何在index.html中使用server.js中的动态端口作为源？

const http = require('http');

// 创建服务器
const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, World!');
});

// 监听动态端口
const port = process.env.PORT || 3000;
server.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

// 使用AJAX获取动态端口
const xhr = new XMLHttpRequest();
xhr.open('GET', '/getPort', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    const dynamicPort = xhr.responseText;
    // 在此处使用动态端口进行其他操作
  }
};
xhr.send();

// 或者使用Fetch获取动态端口
fetch('/getPort')
  .then(response => response.text())
  .then(dynamicPort => {
    // 在此处使用动态端口进行其他操作
  });

const http = require('http');

// 创建服务器
const server = http.createServer((req, res) => {
  if (req.url === '/getPort') {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end(process.env.PORT || '3000');
  } else {
    res.statusCode = 404;
    res.end('Not Found');
  }
});

// 监听动态端口
const port = process.env.PORT || 3000;
server.listen(port, () => {
  console.log(`Server running on port ${port}`);
});