CORS issue when running npm start

[ja5o]

Describe the bug
I've done all the steps described on the Get Started page, changed the wordpressHost to my development URL but when I go and run the start command, everything seems to be working, but I can't see images or any resource in the front end, and I get the following error in the browser console

Access to script at 'http://localhost:5173/assets/main.js' from origin 'http://mysite.test' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

If I run the build command everything work alright.

To Reproduce
Steps to reproduce the behavior:

1. Download the most recent copy of the theme
2. Change the wordpressHost constant
3. Run the start command
4. See error

Expected behavior
Assets are visible on the front end

Desktop (please complete the following information):

• OS: MacOS 15.5
• Browser: Arc
• Version: 1.97.1 (63934) / Chromium Engine Version 137.0.7151.69

Additional context

• Running Node 20.16.0
• Using pnpm
• Using Laravel Valet

If I add the following to vite.config.js server object it seems to work, but this is my first time working with Vite and Flynt, so I'm not sure if is okay to do this.

cors: {
        origin: host,
        credentials: true,
      }

[timohubois]

@ja5o thanks for reporting this. I don't see any problems with the changes due this settings are only used for the development server. On your local setup, do you need to define both origin and credentials or is only defining origin enough?

[ja5o]

@timohubois thanks for the reply, only the origin seems to be needed, it still works without the credentials option.