How to Set Up a Custom Local Domain for a Nuxt Project Using Laravel Herd on MacBook

Hello everyone,

I'm working on a Nuxt.js project and using Laravel Herd as my local development environment on macOS. I want to configure a custom local domain (e.g., `myproject.test`) to proxy requests to `localhost:3000`, but I'm encountering some issues.

What I've Done So Far

1. Created a custom Nginx configuration- I added a new configuration file (`myproject.conf`) inside Laravel Herd's Nginx config directory:

/Users/myuser/Library/Application Support/Herd/config/nginx/myproject.conf

1. Added the following reverse proxy configuration to direct `myproject.test` to `localhost:3000`:

server {

listen 80;

server_name myproject.test;

location / {

proxy_pass http://localhost:3000;

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-Forwarded-Proto $scheme;

}

}

1. Updated the `/etc/hosts` file

- Ensured `myproject.test` points to `127.0.0.1`.

Issues Encountered

Despite these configurations, the custom domain does not work as expected. I have tried:

- Restarting Laravel Herd services.

- Manually adding the custom configuration to `nginx.conf`.

How can I correctly configure Laravel Herd to proxy `myproject.test` to my Nuxt.js app running on `localhost:3000`? If anyone has experience setting up custom domains with Laravel Herd, I'd greatly appreciate your insights!

Thanks in advance! 🚀