Vue.js Vue CLI服务CPU使用率
我有一个停靠的vue cli应用程序,正在NGINX环境上运行 每当映像容器启动时,我们都会看到CPU使用率上升到接近100%,然后下降,然后上升,然后再次下降 显然,有问题的项目是“/app/node_modules/.bin/vue cli服务” 这将阻止访问该站点,我们将收到一个502错误 知道是什么导致了这个问题吗 我很乐意提供任何其他必要的信息 这是我的文件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
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
?非常感谢。我以为我以前已经尝试过推荐的设置,但显然没有。这是一种魅力。