CORS issue with Laravel Octane, Vite & Docker

From a brand new project I am trying to setup the basic vite development workflow. I have configure laravel to use octane (FrankenPHP) for the app server, I installed breeze using the Vue + Inertia config and the Dark mode and Inertia SSR options. When loading the root page I get CORS errors.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5173/@vite/client. (Reason: CORS request did not succeed). Status code: (null). Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5173/resources/js/Pages/app.vue. (Reason: CORS request did not succeed). Status code: (null). Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5173/resources/js/app.js. (Reason: CORS request did not succeed). Status code: (null).

Here is my docker-compose.yml file

networks:
  rpi-manager:
    driver: bridge

services:
  app:
      build: 
        context: .
        dockerfile: app.dockerfile
      working_dir: /app
      volumes:
        - ./src:/app
      ports:
        - 8900:8000
      networks:
        - rpi-manager
  
  composer:
    build:
      context: .
      dockerfile: app.dockerfile
    working_dir: /app
    volumes:
      - ./src:/app
    entrypoint: [ 'composer', '--ignore-platform-reqs' ]
    
  artisan:
    build:
      context: .
      dockerfile: app.dockerfile
    working_dir: /app
    volumes:
      - ./src:/app
    entrypoint: [ 'php', 'artisan' ]

  pnpm:
    build:
      context: .
      dockerfile: pnpm.dockerfile
    volumes:
      - ./src:/app
    working_dir: /app
    entrypoint: ["pnpm"]
    ports:
      - 5173:5173
    networks:
      - rpi-manager

Here is my frankenphp container dockerfile

FROM dunglas/frankenphp:alpine

RUN install-php-extensions \
    pcntl ldap sqlsrv pdo_sqlsrv

COPY ./src /app

WORKDIR /app

ENTRYPOINT ["php", "artisan", "octane:frankenphp"]

Here is my vite.config.js file

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            ssr: 'resources/js/ssr.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    server: {
        host: '0.0.0.0',
        port: 5173,
        strictPort: true,
        cors: {
            origin: 'http://localhost', // or the specific origin of your Laravel app
            credentials: true,
        },
        hmr: {
            host: 'localhost',
        },
    },
});

Here is my cors.php file

<?php

return [
    'paths' => ['api/*', 'sanctum/csrf-cookie'], // Add any other paths you need
    'allowed_methods' => ['*'], // Allow all HTTP methods
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'], // Allow all headers
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,
];