Sage11 - FireFox issues with hot reload and fonts

sage
1

I converted a project from Sage 10 to 11 yesterday. Everything works fine on Chrome.

However, on FireFox hot reloading doesn’t work. I’ve tried to make changes to vite.config.js:

refresh: [
        'resources/views/**/*.blade.php',
        'resources/**/*.js',
        'resources/**/*.vue',
        'resources/**/*.css',
        './**/*.php',
      ],

I also get CORS errors and any custom font doesn’t work, I’ve implemented them as explained here: How to Setup Fonts | Sage Docs | Roots

All fonts give the error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://[::1]:5173/app/themes/project/public/build/@vite/client. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

I’ve been trying to add an APP_URL so I can access the development environment in http://localhost:3000/ for example, but I can’t seem to make this work.