19 Aug 2026

Angular and Vite on Mac: Node proxy

ng serve and Vite on shop.localhost instead of :4200 — managed worker on Pro.

Angular CLI on :4200, Vite on :5173 — familiar. MacFullStack Pro/Teams gives you shop.localhost with HTTPS instead of http://127.0.0.1:4200 and runs the dev server as a managed worker on the project card.

Angular (ng serve)

  1. Import or create a project in www/.
  2. Node proxy → port 4200.
  3. Command: ng serve --host 127.0.0.1 --port 4200 (or npm script from the card).
  4. Angular detection helps with defaults; Sync vhosts.

API on Laravel/Symfony — separate PHP project or alias api.shop.localhost; cookies/Sanctum — see /blog/nextjs-laravel-mac.

Vite / React / Vue

Same model: port 5173, npm run dev -- --host 127.0.0.1.

  • Monorepo: one domain for frontend, another for PHP API.
  • Inertia + Laravel: often one Laravel project + Vite proxy is enough.

Node versions

Pin with fnm/nvm/asdf/volta on the machine — MacFullStack does not ship its own Node CDN. CLI: macstack tools node --list-versions --json.

Free vs Pro

Free — one PHP project, proxy locked. SPA daily driver needs Pro or Teams.

Help: /help/node-python-proxy. DevTools overview: /features#devtools.

MacFullStack

Try it on your Mac

Free — one PHP project and core stack. Pro unlocks Next/Django, Postgres, Share, and unlimited projects.

Download Pro Teams