RailsコンテナのCPU使用率が異様に高い

Question

前提

Docker Composeを使用してRails, Vue, MySQLの環境を作っているのですが、ある時から急にRailsコンテナのCPU使用率が高くなってしまい、その原因を特定したいです。

発生している問題

下のスクリーンショットがdocker container statsの実行結果なのですが、ただ起動しただけではCPU使用率は1%を下回っているんですが、ブラウザでVueのlocalhost:8080にアクセスし、Vue内のaxiosからRailsのAPIが実行されると急に上昇し常に70%前後を推移するようになってしまいます。
Talend API Testerというクライアントを使用してAPIにアクセスした場合は、一瞬だけ8%程度までは上がるものの、リクエストを処理したらすぐに下がるようです。

起動時

Vueからのアクセス後

該当のソースコード

docker-compose.yml
(api→Rails, front→Vue, db→MySQL)

version: "3"
services:
  api:
    build: ./api
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    ports:
      - '3000:3000'
    volumes:
      - ./api:/app
      - public-data:/app/public
      - tmp-data:/app/tmp
      - log-data:/app/log
    depends_on:
      - db

  db:
    image: mysql:8.0
    environment:
      MYSQL_ROOT_PASSWORD: '${DATABASE_PASSWORD}'
      MYSQL_DATABASE: '${DATABASE_NAME}'
    ports:
      - '3306:3306'
    command: --default-authentication-plugin=mysql_native_password
    volumes:
      - db-data:/var/lib/mysql

  front:
    build: ./front
    volumes:
      - ./front:/app
    ports:
      - '8080:8080'
    tty: true
    stdin_open: true
    command: yarn serve
      
volumes:
  public-data:
  tmp-data:
  log-data:
  db-data:

Dockerfile(Rails)

FROM ruby:3.1.0
RUN apt-get update -qq && apt-get install -y build-essential libpq-dev default-mysql-client

RUN curl -fsSL https://deb.nodesource.com/setup_lts.x | bash - && apt-get install -y nodejs
RUN apt-get update && apt-get install -y curl apt-transport-https wget && \
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - && \
echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list && \
apt-get update && apt-get install -y yarn

ENV TZ Asia/Tokyo

RUN mkdir /app
WORKDIR /app

COPY Gemfile* /app/
RUN gem install bundler
RUN bundle install

COPY . /app

Dockerfile(Vue)

FROM node:16.15.0

ENV TZ Asia/Tokyo

RUN mkdir /app
WORKDIR /app

RUN yarn global add @vue/cli

試したこと

pumaに原因があるのかと思いRailsコンテナでps auxを実行してみましたが、特にCPUを大きく使っている様子ではありませんでした。

補足情報（FW/ツールのバージョンなど）

Docker Desktop for Mac 4.12.0
Ruby on Rails 6.1.4.4
Vue.js 2.6.14

Answer 1

VueのあるコンポーネントのmountedとbeforeUpdateで同じメソッドを実行していたために処理がループしてしまい、そのメソッド内でapiにリクエストを発する処理が入っていたことで何度もリクエストを送ってしまっていたのが原因でした。