I deployed the app using the steps mentioned in the guide. Initial deployment works well and I was able to browse product catalog UI through ELB endpoint without any issues. But, after adding efs storage, while attempting to add a product, product catalog UI loads forever and throws 400 Badrequest error. Below is the error log from the frontend pod. Am I missing any steps?
............
url: '',
method: null,
statusCode: 400,
statusMessage: 'BAD REQUEST',
client: [Socket],
_consuming: false,
_dumped: false,
req: [Circular *1],
responseUrl: 'http://prodcatalog.workshop:5000/products/',
redirects: [],
}
},
response: {
status: 400,
statusText: 'BAD REQUEST',
headers: {
'content-type': 'application/json',
'content-length': '142',
'x-amzn-trace-id': 'Root=1-6621ab25-b3af8bb3c543e15333aee057',
'access-control-allow-origin': '*',
server: 'Werkzeug/1.0.1 Python/3.9.6',
date: 'Thu, 18 Apr 2024 23:22:13 GMT'
},
config: {
url: 'http://prodcatalog.workshop:5000/products/',
method: 'get',
headers: [Object],
transformRequest: [Array],
socket: [Socket],
_header: 'GET /products/ HTTP/1.1\r\n' +
'Accept: application/json, text/plain, */*\r\n' +
'User-Agent: axios/0.21.1\r\n' +
'X-Amzn-Trace-Id: Root=1-6621ab26-8352871e19ebe2e6c7766f67;Parent=f09b2f2e6d7042dd;Sampled=0\r\n' +
'Host: prodcatalog.workshop:5000\r\n' +
'Connection: close\r\n' +
'\r\n',
_keepAliveTimeout: 0,
_onPendingData: [Function: noopPendingOutput],
agent: [Agent],
socketPath: undefined,
method: 'GET',
maxHeaderSize: undefined,
insecureHTTPParser: undefined,
path: '/products/',
_ended: true,
res: [IncomingMessage],
There was error in Product Catalog get call from frontend
............
Now lets add a product Mike with ID as 1 to the Product Catalog from the UI, it will show below product added.