Developer Server Access Log Option

[cawoodm]

Description

As a developer it can be very useful to see the "hits", access requests in the vite console.

Suggested solution

When running vite --access-logs vite should log each hit as is typical with web servers (like apache/nginx) or web frameworks (like flask):

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sapphi-red]

You can do it like this.
https://x.com/kiliman/status/1719488313692766582

[virullius]

You can do it like this. https://x.com/kiliman/status/1719488313692766582

Bad link. Does any know what the workaround is and can post it here?

[YogSottot]

You can add in plugin

   {
      name: 'requestLogger',
      configureServer(server) {
        server.middlewares.use((req, res, next) => {
          console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
          next();
        });
      },
    },

Added requestLogger Plugin:
A custom plugin named requestLogger is added to the plugins array.
This plugin uses the configureServer method to add a middleware that logs the request method and URL.

Console Log for Requests:
Logs requests to the terminal in the format: "[timestamp] METHOD URL".

Result:
When you run the Vite dev server, it will now log all incoming HTTP requests to the console. This helps in debugging and monitoring access during development.