BrowserSync w/ vagrant dev url instead of localhost:3000?

sage
1

So, I managed to get Trellis, Bedrock, and Sage setup, and they’re all working! I’ve tried this many times in the past and haven’t been able to get everything really working. I even have a self signed SSL setup so mysite.dev shows up with the green lock and stuff.

I have BrowserSync setup and working via Sage, and I am able to access my site at http://localhost:3000, but I’d prefer to be able to just use http://mysite.dev and have that just auto reload.

Is there any way to do this? I remember there was an old BrowserSync chrome extension which I assume would listen for changes and reload the page. Would this be necessary? Or is there perhaps a way to do so without needing this plugin?

Or, is there really no way to properly use BrowserSync with the vagrant dev box url, and I’m going to need to use the localhost url?

2

Just curious, why do you need to use the dev url instead of localhost:3000?

Found this on stack overflow that one person reported as working: http://stackoverflow.com/questions/27755206/using-the-original-url-not-proxy-with-browser-sync#answer-29607382

Basically you’ll have to add a script to the site and run browsersync without --proxy
Not quite sure how this would be accomplished in the sage gulpfile as I haven’t poked around in it much, but perhaps someone else could answer that.