How to use ngrok with Laravel Breeze (Inertia + Vue.js) when using two different ports?

Question

I am working on a Laravel(v9) Breeze project using Inertia.js and Vue.js. My project runs on two different ports:

Laravel backend (php artisan serve) → http://localhost:8000 Vue.js frontend (npm run dev) → http://localhost:5173

I want to use ngrok to make both backend and frontend accessible publicly. However, since the free version of ngrok only allows one session at a time, I tried defining multiple tunnels in ngrok.yml and running ngrok start --all, but I got the following error:

ERROR: Error reading configuration file 'C:\Users\MyUser\AppData\Local/ngrok/ngrok.yml': YAML parsing error: yaml: line 5: did not find expected key

Here’s my ngrok.yml configuration:

version: "3"
authtoken: NGROK_AUTH_TOKEN

tunnels:
  backend:
    proto: http
    addr: 8000
  frontend:
    proto: http
    addr: 5173

Any guidance would be greatly appreciated. Thanks!

Nafiur Rahman · Accepted Answer · 2025-11-26 14:18:31Z

0

double check the key or other silly whitespace trailing issues

You are totally there. Find out what's up with the key. I am using free version and using the same config, in on Linux though.

answered Nov 26 at 14:18

Nafiur Rahman

462 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use ngrok with Laravel Breeze (Inertia + Vue.js) when using two different ports?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related