Question

我无法在Chrome中的http://172.17.0.2:8080/本地访问该网站，我收到“172.17.0.2需要很长时间才能回复”。

我使用inspect命令获取容器的IP地址。

docker inspect -f '{{range .NetworkSettings.Networks}}{{.IPAddress}}{{end}} e83c95d05d63

我使用的运行命令。

docker run -it -p 8080:8080 --name portfolio-vue portfolio-vue:v1

我的Dockerfile

FROM node:7.7-alpine

ADD package.json /tmp/package.json
RUN cd /tmp && npm install

RUN mkdir -p /opt/portfolio-vue && cp -a /tmp/node_modules /opt/portfolio-vue-app

WORKDIR /opt/portfolio-vue
COPY . /opt/portfolio-vue

EXPOSE 8080
CMD ["npm", "start"]

Answer 1

在默认的vue-cli设置中，npm start（您正在使用的命令）运行npm run dev。

而且，默认情况下，npm run dev仅绑定到localhost。

将--host 0.0.0.0添加到webpack-dev-server中的package.json行，以便您可以从Docker容器的外部访问它：

来自：

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

类似于（add --host 0.0.0.0）：

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

注意：我假设，因为您使用了CMD ["npm", "start"]，所以您正在创建一个用于开发或调试目的的容器。如果您的目标是生产，您应该考虑生成捆绑包（npm run build）并直接在HTTP服务器上提供生成的文件，例如nginx（也可以在docker中创建）。

如何容纳Vue.js应用程序？

1 个答案: