我为vuejs应用程序构建docker时遇到问题

我有一个vuejs应用程序,现在我想为它构建一个docker镜像

这是我的Dockerfile

 FROM node:7.7.2-alpine
 WORKDIR /usr/app
 COPY package.json .
 RUN npm install --quiet
 COPY . .
 EXPOSE 8080

这是我的docker-compose.yml文件

version: '2'

services:
   web:
      build: .
      command: npm run dev
      volumes:
         - .:/usr/app
         - /usr/app/node_modules
      ports:
         - "8080:8080"

当我运行命令docker-compose up时.我得到这个结果：

但是当我在我的主机上访问url http：// localhost：8080时.我明白了：

我不确切知道发生了什么.请帮我解决这个问题.

非常感谢.

这些是我的源代码文件夹：