Error running VueJS project in Docker httpd image

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

With this configuration, I cannot access to VueJS app. 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: Docker Questions