Docker - send HTTP request from one container to another

I am unable to send an HTTP request to the backend container when I run the application on the AWS server. However, when I run the application locally, I can make requests to the backend just fine. I use fetch to execute queries:

fetch('http://localhost:8000/something')

      

        
        
        
      

    

This is how the project structure looks like:

.
├── docker-compose.yml
|
├── backend
│   ├── Dockerfile
│   └── server.js
|
└── frontend
    ├── Dockerfile
    ├── package.json
    ├── public
    │   └── index.html
    └── src
       ├── components
       ├── data
       ├── index.js
       ├── routes.js
       ├── static
       ├── tests
       └── views

      

        
        
        
      

    

docker-compose.yml:

version: '3'

services:
  frontend:
    build:
      context: .
      dockerfile: frontend/Dockerfile
    volumes:
      - ./frontend:/frontend
    ports:
      - "80:5000"
    links:
      - backend
  backend:
    build:
      context: .
      dockerfile: backend/Dockerfile
    volumes:
      - ./backend:/backend
    ports:
      - "8000:8000"

      

        
        
        
      

    

Docker file in frontend:

FROM node:latest

RUN mkdir -p /frontend

WORKDIR /frontend

ADD . /frontend

VOLUME ["/frontend"]

EXPOSE 5000

CMD yarn && yarn build && yarn global add serve && serve -s build

      

        
        
        
      

    

Dockerfile to backend:

FROM node:latest

RUN mkdir -p /backend

WORKDIR /backend

ADD . /backend

VOLUME ["/backend"]

EXPOSE 8000

CMD yarn && yarn start

      

        
        
        
      

    

Can someone explain to me what is wrong with my config? I am very confused because it works locally without any problem.