When accessing your site through local network on your phone, the site does load correctly from your IP / port, but all resources is trying to load through localhost and not the local IP.
Couldn’t find any documentation about it, so not sure if it’s implemented yet?
I posted this in response to the github issue and I hope it helps you as well!
This is a feature of browsersync, which mix uses. bud does not use it. Someone could make an extension to support browser-sync but that’s not currently on the roadmap for this project.
I just tested this and it works well. Browsersync will run on port 3001 because bud’s default server is already running on port 3000. Both will run at the same time without issue so you can take advantage of bud’s development server while still doing cross-device testing (or whatever your use case is).
YMMV but I’ve always been a fan of Browsersync for this very reason: Most of the time it just works.
No idea if my permalink and assets problem is caused by Apache or some interference by it but the fact that not many users seem to have similar problems hints there.
The only issue I’m having now is that I can’t access the Browsersync dashboard (usually located at localhost:[port+1]) but that’s just a minor thing
I just used this solution. it did not work at first. I solved it by adding const bs = require('browser-sync-webpack-plugin'); tot he top of the bud.config.js file.
Then at the end I did this:
/**
* Target URL to be proxied by the dev server.
*
* This is your local dev server.
*/
.proxy('http://website.test')
.use({
name: 'browser-sync-webpack-plugin',
make: () => new bs({proxy: 'http://website.test'}),
});
5.4.0 has been released and it includes a fix for this issue. You should be okay to use browsersync directly again (but you’re also fine to keep using the basic extension wrapper).