使用 docker 在不同端口上运行 Vue.js 应用程序

Question

我使用非常基本的配置创建了一个简单的 VueJS 应用程序。我使用 webpack 配置来做到这一点。

\n\n

vue init webpack app\n

\n\n

我构建这个简单的Dockerfile

\n\n

FROM node:lts-alpine\n\n# install simple http server for serving static content\nRUN npm install -g http-server\n\n# make the \'app\' folder the current working directory\nWORKDIR /app\n\n# copy both \'package.json\' and \'package-lock.json\' (if available)\nCOPY package*.json ./\n\n# install project dependencies\nRUN npm install\n\n# copy project files and folders to the current working directory (i.e. \'app\' folder)\nCOPY . .\n\n# build app for production with minification\nRUN npm run build\n\nEXPOSE 3838\nCMD [ "http-server", "dist" ]\n

\n\n

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

\n\n

sudo docker run -it -p 3838:3838 vuetest\n\nStarting up http-server, serving dist\nAvailable on:\n  http://127.0.0.1:8080\n

\n\n

容器运行，但仍在 8080 上。

\n\n

我\xc2\xb4m 对 VueJS 和部署都很不熟悉，所以有人可以帮助我吗？我猜想监听 8080 的配置可能是在不同的文件中设置的，并且 Dockerfile 会忽略它。

\n

Answer 1

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

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

使用标志 -p 3838 在该端口上提供服务。Docker 正在正确执行其工作，请在 CMD 中进行调整

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