使用 Node.js 将来自服务器端 GET 请求的响应传递给客户端

Question

I have a button on a web page. When the button is clicked server side code sends a GET request to an internal API. I am having trouble passing the response back to the client. I can log the response in Node - but the response is empty on the client. Any help would be appreciated.

Client Side

window.addEventListener('DOMContentLoaded', (event) => {
  console.log('DOM fully loaded and parsed')
  let body = document.querySelector('body')
  let h3 = document.createElement('h3')
  h3.innerText = 'ONT is on Node:'
  body.appendChild(h3)
  let button = document.createElement('button')
  button.innerText = 'Get ONT'
  body.append(button)
  button.addEventListener('click', getONT)

  async function getONT() {
    let response = await (fetch('https://ont.xxx.net/node/', ))
    .then(result => resultBody = JSON.stringify(result))
    .then(result => {console.log(resultBody)})
    .catch(error => console.log('error', error));
  }
})

Server Side

#!/usr/bin/env nodejs
var http = require('http');
var https = require('https')
var fetch = require('node-fetch')

http.createServer(function (request, response) {
  response.setHeader("Content-Type", "application/json");
  response.setHeader("Access-Control-Allow-Origin", "*");
  response.writeHead(200);
  response.end(JSON.stringify(getData()))
}).listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

async function getData() {
  const smx = "https://xxx/rest/v1/ont/searchall?filter=object.ontId LIKE xxx"
  console.log(smx)
  let response = await fetch(smx, {
    method: 'GET',
    withCredentials: true,
    headers: {
      "Authorization": "Basic xxx",
      "Access-Control-Allow-Origin": "*",
      "Content-Type": "application/json"
    },
    redirect: 'follow'
  })
  let data = await response.json()
  data = JSON.stringify(data)
  console.log(typeof(data))
  return data
}

Answer 1

I don't see any response back from the server. If you want to send something back to the user you need to do a

 res.json({your json data});

This will return a JSON response to the request, further to that you can set the response code etc.

Answer 2

I went the route direction suggested by proxim0.

Server Side

app.use('/', router);

router.get('/' , function(req,res,next){
  request({
    method: 'GET',
    withCredentials: true,
    headers: {
      "Authorization": "xxx",
      "Access-Control-Allow-Origin": "*",
      "Content-Type": "application/json"
    },
    redirect: 'follow',

    uri:'https://xxx:18443/rest/v1/ont/searchall?filter=object.ontId LIKE xxxxx'
  }).pipe(res)
})

// Server setup
app.listen(8080 , ()=>{
  console.log("server running");
});

Client Side

window.addEventListener('DOMContentLoaded', (event) => {
  console.log('DOM fully loaded and parsed')
  let body = document.querySelector('body')
  let h2 = document.createElement('h2')
  h2.innerHTML
  let h3 = document.createElement('h3')
  h3.innerText = 'ONT is on Node:'
  body.appendChild(h3)
  let button = document.createElement('button')
  button.innerText = 'Get ONT'
  body.append(button)
  button.addEventListener('click', getONT)

  async function getONT() {
    let response = await fetch('https://ont.xxx/node/')
    let data = await response.json()
    console.log(data)
    
  }
})

This allows me to get the data obtained in the server side code into the browser console of the client.

Thanks for pointing me in the right direction!