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