Dockerで開発しているNuxtがlocalhost:8080で立ち上がらない

実現したいこと

フロントがNuxt、サーバーがRailsのプロジェクトをDocker上で開発していて、
当初NuxtのPortを3000、railsのポートを8080で指定して開発をしていたのですが、
Nuxtのポートが3000であることにしっくりこなかったので、Portを逆にしようとdocker-composeのportsなどを書き換えました。
ただしrailsはlocalhost:3000で立ち上がることを確認したのですが、Nuxtがlocalhost:8080で立ち上がらないので何が原因か知りたいです。

発生している問題・エラーメッセージ

ビルドは成功している様に見えるのですが、localhost:8080を開くと”このサイトにアクセスできません”と出てきてしまいます。
以下がdocker-composeファイルと、Nuxt(front)のdocerfileです

#docker-compose.yml
api:
    build: ./api
    command: /bin/bash -c "rm -rf tmp/pids/server.pid; bundle exec rails s -p 3000 -b 0.0.0.0"
    volumes:
      - ./api:/app/api
    ports:
      - "3000:3000"
    depends_on:
      - db
    environment:
      API_DOMAIN: "localhost:$API_PORT" 
    networks:
      app_net:
        ipv4_address: 192.168.32.3
    tty: true
    stdin_open: true

  front:
    build: ./front
    command: yarn dev
    volumes:
      - ./front:/app/front
      - /app/front/node_modules
    ports:
      - "8080:8080"
    depends_on:
      - api
    tty: true

#Dockerfile(Nuxt)

FROM node:12.10

ENV APP_DIR /app/front
ENV PATH /app/front/node_modules/.bin:$PATH
ENV TZ Asia/Tokyo
ENV HOST 0.0.0.0

RUN mkdir -p /app/front
WORKDIR $APP_DIR
RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
COPY package.json $APP_DIR/package.json
COPY yarn.lock $APP_DIR/yarn.lock
RUN yarn install
COPY . $APP_DIR

RUN yarn run build

以上の様にdocker-compose.ymlでコンテナの8080ポートを、ブラウザ上で8080で参照するという様に記載しているにも関わらずブラウザを立ち上げても”このサイトにアクセスできません”と出てきます。
何がいけないのか、どこを改善すれば良いのかわからない状態です。