From the code posted below, I am attempting to transfer the value access_token from the method fetchAuthenticationToken to the method fetch in Ws.js.
In fetchAuthenticationToken, I receive the value for the access_token and then assign that value to both resolve and onResult. So far, I can obtain the value of access_token successfully. This is all part of the .then() in the web-service called processor.
In the web-service processor, I use
.then(resp => {res.send(resp);})access_token to the front-end. However, the console output of fetch shows the following:
{"msg":"I.xx::fetch:http://localhost:3000/xx/processor/","response":{}}
which indicates an empty response
Please help me figure out what I missed and how to pass the value of access_token from the back-end to the front-end, specifically from fetchAuthenticationToken to fetch
setup.js:
fetchAuthenticationToken(onResult) {
return new Promise((resolve,reject) => {
this.#instance.post("/xx/xx/xx/xx/xx-xx/xx", this.#body, this.#config)
.then(resp => {
this.#access_token = resp.data.access_token;
Object.assign(this.#instance.defaults, {headers: {authorization: `Bearer ${resp.data.access_token}`}})
resolve(this.#access_token);
onResult(this.#access_token);
})
});
}
routes.js:
router.post('/processor', async (req, res, next) => {
let accessToken = null;
const setup = new Setup();
await setup.fetchAuthenticationToken((result) => {
accessToken = result;
res.setHeader('Content-Type', 'application/x-protobuf');
})
.then(resp => {
res.send(resp);
})
});
front-end Ws:
fetch(onResult) {
return new Promise((resolve, reject) => {
const ws = endPointsURLs.VUE_NEWSWM_APP_LOCAL_HOST_3000.description + endPointsURLs.VUE_NEWSWM_APP_PATH.description + BackendWssConstants.CONST_WS_SENTINELHUB_ENGINE_PROCESSOR.description;
fetch(ws, this.#requestOptions)
.then(response => {
this.#msg = JSON.stringify({msg:infoTag + 'fetch:' + ws, response: response});
console.info(this.#msg);
resolve(response);
onResult(response);
})
});
}