为vuejs应用程序构建Docker

发布时间：2020-12-16 03:35:05 所属栏目：安全来源：网络整理

导读：我为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.y

我为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时.我明白了：

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

非常感谢.

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

默认情况下,npm run dev仅绑定到localhost.

将–host 0.0.0.0添加到package.json中的webpack-dev-server行：

来自：

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

对于类似的东西(添加–host 0.0.0.0)：

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!