Vue Js Nginx Docker connect to Backend

I’ve developed vue js front end and I could communicate backend using axios call and when I call I need to specify backend service port and endpoint. how can I use nginx and docker and then after I use nginx and docker how app communicate with backend ? ultimately I need to deploy front end and backend services on kubernetes cluster.

I’ve read many tutorial about this and I don’t have clear idea in concept and also need to implement the solution. I have never use nginx before

Backend : http://localhost:8084

Here is my axios call

import axios from 'axios'

const API_URL = 'http://localhost:8084'

    class NotificationDataService {
        retrieveAllNotifications() {
            return axios.get(`${API_URL}/notification/getall`);
    export default new NotificationDataService()  

Source: Docker Questions