Vue-CLI-Service CPU 使用率答案

【问题标题】：Vue-CLI-Service CPU UsageVue-CLI-Service CPU 使用率
【发布时间】：2021-01-02 14:26:50
【问题描述】：

我有一个在 NGINX 环境中运行的 dockerized vue-cli 应用程序。

每当图像容器启动时，我们都会看到 CPU 使用率上升到接近 100%，然后下降，然后上升，然后又下降。

显然有问题的项目是“/app/node_modules/.bin/vue-cli-service”

这会阻止访问该网站，我们收到 502 错误。

知道什么可能导致问题。

我很乐意提供任何其他必要的信息。

这是我的 dockerfile

FROM node:lts-alpine

RUN mkdir -p /app
COPY . /app
WORKDIR /app

RUN npm install
RUN npm run build

EXPOSE 3000

CMD ["npm", "start"]

package.json

  "scripts": {
    "dev": "cross-env NODE_ENV=development vue-cli-service serve --port 3000",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "start": "cross-env NODE_ENV=production vue-cli-service serve --port 3000"
  },

在 vue.config.js 中

,
   devServer: {
      disableHostCheck: true
   }

【问题讨论】：

标签： vue.js nginx vue-cli-3

【解决方案1】：

由于您提供的信息有限，您似乎正在生产环境中运行开发环境。您应该做的是构建一个生产包，其中包含静态资产 - .html、.js、.css 文件、图像等，并使用像 nginx 这样的 Web 服务器提供这些资源。更多详情可以阅读https://cli.vuejs.org/guide/deployment.html。

【讨论】：

我正在以类似于文档中描述的方式进行捆绑和部署。我添加了我的 dockerfile、package.json 和 vue.config.js 以供参考。它应该负责捆绑并提供生产版本。
即使您设置了NODE_ENV=production，您仍在运行vue-cli-service（在后台使用webpack-dev-server）。相反，您应该使用nginx（或任何其他Web 服务器）在dist 文件夹中提供构建的资产。您是否尝试过使用cli.vuejs.org/guide/deployment.html#docker-nginx 中描述的Dockerfile？
非常感谢。我以为我之前已经尝试过推荐的设置，但显然没有。这现在就像一个魅力。