Cross-Origin-Request blocked on Vite

[NickG92]

Laravel Version

11.39.0

PHP Version

8.4.3

Database Driver & Version

No response

Description

I just did a fresh install of a new project and this gives cross origin request blocked the same origin policy disallows reading the remote resource at (http://[::1]:5173/@vite/client) CORS-header ‘Access-Control-Allow-Origin’ is missing) in console. Browser is Firefox but confirmed this happens in Safari aswel.
CSS and JS changes are not reflected.

I had this earlier today aswel on an existing project after doing a composer update (different machine). Thought this was an issue in my code somewhere but it happens on a fresh install on a different PC aswel.

Steps To Reproduce

• laravel new
• Select Jetstream
• Select Pest
• Use default options for other questions.

[alexcanana]

I got the same issue when running npm run dev on a fresh install using Inertia SSR.
All I get is a blank page.

Laravel + PHP versions same as op.
Node v22.13.0
NPM v10.9.2

Edit: Seems to happen since vite@6.0.9, vite@6.0.8 works well.
Edit2: OK found this PR on laravel/vite-plugin's repo.

Manually adding the following to your vite.config.js should do the trick for now:

server: {
    cors: {
        origin: 'https://my-app.test',
    },
},

[timacdonald]

Please see this PR for an incoming fix: laravel/vite-plugin#318 + laravel/vite-plugin#318

[timacdonald]

We have released v1.2.0. Please update and report any persisting issues in the laravel/vite-plugin repository. Thanks!