docker - 使用docker在其他端口上运行Vue.js App

Question

我创建了一个具有基本配置的简单VueJS应用。我使用webpack配置来执行此操作。

vue init webpack app

我建立这个简单的 Dockerfile

FROM node:lts-alpine

# install simple http server for serving static content
RUN npm install -g http-server

# make the 'app' folder the current working directory
WORKDIR /app

# copy both 'package.json' and 'package-lock.json' (if available)
COPY package*.json ./

# install project dependencies
RUN npm install

# copy project files and folders to the current working directory (i.e. 'app' folder)
COPY . .

# build app for production with minification
RUN npm run build

EXPOSE 3838
CMD [ "http-server", "dist" ]

该应用程序应在仅监听3838端口的平台上运行。不幸的是，将Dockerfile更改为 EXPOSE 3838并不起作用。

sudo docker run -it -p 3838:3838 vuetest

Starting up http-server, serving dist
Available on:
  http://127.0.0.1:8080

容器运行，但仍在8080上运行。

我对VueJS和部署都不熟悉，所以有人可以帮助我吗？我想可以在另一个文件中设置监听8080的配置，而Dockerfile会忽略它。

Answer 1

您的应用程序服务器默认在8080上运行

https://www.npmjs.com/package/http-server

使用标志-p 3838在该端口上服务。
Docker工作正常，请调整您的CMD
CMD [ "http-server", "-p 3838", "dist" ]