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

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

导读：我无法在Chrome上的http://172.17.0.2:8080/本地访问该网站,我得到“172.17.0.2花了太长时间才能回复”. 我使用inspect命令获取容器的IP地址. docker inspect -f '{{range .NetworkSettings.Networks}}{{.IPAddress}}{{end}} e83c95d05d63 我用过的run命令.

我无法在Chrome上的http://172.17.0.2:8080/本地访问该网站,我得到“172.17.0.2花了太长时间才能回复”.

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

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

我用过的run命令.

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"]

最佳答案

在默认的vue-cli设置中,npm start(您正在使用的命令)运行npm run dev.

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

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

来自：

  "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",

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

（编辑：李大同）

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