时间戳

首页 > 解决方案 > Vue-CLI-Service CPU 使用率

vue.js - Vue-CLI-Service CPU 使用率

问题描述

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

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

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

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

知道可能导致问题的原因。

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

这是我的码头文件

FROM node:lts-alpine

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

RUN npm install
RUN npm run build

EXPOSE 3000

CMD ["npm", "start"]

包.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.jsnginxvue-cli-3

解决方案

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

推荐阅读