Vue.js Vue CLI服务CPU使用率

Vue.js Vue CLI服务CPU使用率,vue.js,nginx,vue-cli-3,Vue.js,Nginx,Vue Cli 3,我有一个停靠的vue cli应用程序,正在NGINX环境上运行 每当映像容器启动时,我们都会看到CPU使用率上升到接近100%,然后下降,然后上升,然后再次下降 显然,有问题的项目是“/app/node_modules/.bin/vue cli服务” 这将阻止访问该站点,我们将收到一个502错误 知道是什么导致了这个问题吗 我很乐意提供任何其他必要的信息 这是我的文件 FROM node:lts-alpine RUN mkdir -p /app COPY . /app WORKDIR /app

我有一个停靠的vue cli应用程序,正在NGINX环境上运行

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

显然,有问题的项目是“/app/node_modules/.bin/vue cli服务”

这将阻止访问该站点,我们将收到一个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"]
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
   }

由于您提供的信息有限,看起来您正在生产环境中运行开发环境。您应该做的是构建一个生产捆绑包,它由静态资产-.html、.js、.css文件、图像等组成,并使用像
nginx
这样的web服务器提供服务。有关更多详细信息,您可以阅读。

我正在以与文档中所述类似的方式进行捆绑和部署。我添加了dockerfile、package.json和vue.config.js以供参考。它应该负责绑定和提供生产版本。即使您设置了
节点_ENV=production
,您仍在运行
vue cli服务
(该服务在后台使用
webpack dev server
)。您应该使用
nginx
(或任何其他web服务器)为
dist
文件夹中的内置资产提供服务。您是否尝试过使用中描述的
Dockerfile
?非常感谢。我以为我以前已经尝试过推荐的设置,但显然没有。这是一种魅力。