我在运行vue时有明显的延迟和高cpu使用率.docker实例上的js应用程序.

这是我的docker设置

docker compose .yml

version: '2'
services:

  app:
    build:
      context: ./
      dockerfile: docker/应用程序.docker 
    working_dir: /usr/src/app
    volumes:
    - ~/.composer-docker/cache:/root/.composer/cache:delegated
    - ./:/usr/src/app
    stdin_open: true
    tty: true
    environment:
    - HOST=0.0.0.0
    - CHOKIDAR_USEPOLLING=true
    ports:
    - 8080:8080

应用程序.docker

# base image
FROM node:8.10.0-alpine

# Create app directory
WORKDIR /usr/src/app

# Install app dependencies
COPY package*.json ./

RUN npm install

# Bundle app source
COPY . .

EXPOSE 8080

CMD [ "npm", "run", "serve"]

当我输入docker compose up-d,我的应用程序在http://localhost:8080/分钟内加载时,这个设置工作正常

我使用的是16 gb内存的mac book pro,对于docker,我启用了4个cpu和6 gb内存.

如何解决这个问题?

推荐答案

delegatedcached选项之一添加到安装应用程序目录的卷中.我在使用缓存时体验到了显著的性能提升,尤其是:

volumes:
  - ~/.composer-docker/cache:/root/.composer/cache:delegated
  - ./:/usr/src/app:cached

Vue.js相关问答推荐

将Vite Vuejs应用部署到Apache服务器

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

如何从特定索引呈现 v-for

为什么组件在 v-if 下没有被销毁

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

如何将 ASP.NET Core 2.1 与 Vue CLI 3 集成?

vuejs中watch方法和计算方法有什么区别

Vue.js 过滤数组

Vuetify 单选按钮未显示为选中状态

如何在 vue.config.js 中为生产设置 API 路径?

安装后运行computed计算函数

Vue JS 在渲染前等待数据

将 ref 的内容从子组件传递到另一个 VueJS 子组件

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用

使用 puppeteer 生成 PDF 而不保存

是否有 v-cloak 逆?

Vue $refs 对象的类型为 unknown未知

IOS在输入焦点上显示键盘

Vuetify 离线文档

将 Vue props与默认值合并