Having an existing fetch request:
fetch(`http://localhost:4000/test`, {
method: 'GET',
mode: 'cors',
cache: 'no-cache',
headers: {
'Content-Type': 'application/json'
}
})
.then(result => console.log('success'))
.catch(error => console.log('error', error));
Also, implementing a nodejs express router (express-promise-router) for the same request:
this.router.get('/test', (request: Request, response: Response) => {
response.status(200).send({'status': 'ok'});
});
Initially, the fetch request succeeds without any issues. However, upon changing the nodejs router function to be async:
this.router.get('/test', (request: Request, response: Response) => {
return asyncFunction().then(result => response.status(200).send({'status': 'ok'}));
});
An error occurs where the fetch is cancelled and TypeError: Failed to fetch is displayed in the console.
Interestingly, accessing the /test API through the browser URL or Postman results in success. The cause of the fetch failure remains elusive, even after attempting the same operation with Axios.