404 Error running VueJS project in Docker httpd image [closed]

I am trying to run my VueJS project on Docker image. This project runs on a Unix server with Apache Http server. My objective is to try running on Docker.

The router.js is:

export default new Router({
    mode : 'history',
    base : '/',

The vue.config.js file has the publicPath set to ‘/’.

module.exports = {
    publicPath: '/',

The contents of .htaccess file in the public_html folder, which I am moving to the dist folder is:

RewriteEngine on
Options +FollowSymLinks
#
<IfModule mod_rewrite.c>
  RewriteBase /
  RewriteRule ^index.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

The Dockerfile is:

FROM httpd:2.4 
#copy angular dist folder to container 
COPY dist/ /usr/local/apache2/htdocs/ 
#copy htaccess to container 
COPY .htaccess /usr/local/apache2/htdocs/

#change permissions 
RUN chmod -R 755 /usr/local/apache2/htdocs/ 
#expose port 
EXPOSE 8080

Docker build command:

docker build -t vuejs/vuejs-app .

Docker run command:

docker run -it -p 8080:8080 --rm --name dockerize-vuejs-app-1 vuejs/vuejs-app

Running Docker with this configuration, I cannot access to VueJS app.
I get Http 404 error when I access the homepage URL. I could not access the static files too – http://locahost:8080/images/image.jpg and http://locahost:8080/css/style.css. I cannot find the Apache http logs, so I am not able to proceed.

Please let me know how I can debug this? Is the location to move the .htaccess file correct?

Source: Dockerfile Questions