Webpack + browsersync + WordPress back end wont load

[saltnpixels]

Issue details

I am using weboack with browsersync and using WordPress as the server.
I cannot get to the WordPress backend at all. When I try i get no page. Its just an error that says something went wrong and connection was reset. I am using firefox.

Here is what shows when going to site.local:3000/wp-admin

Steps to reproduce/test case

In webpack config file:

 plugins: [
      new MiniCssExtractPlugin(),
      new BrowserSyncPlugin({
             host: 'site.local',
             proxy: 'site.local',
             https: true,
             files: [
                '**/*.php',
                '**/*.css',
             ],
            open: 'external',
             reloadDelay: 0
          }, { reload: false }
      ),
   ]

The front end works nicely at https://site.local:3000
The back end wont load.
And some images wont show up because they are loading in as http... not sure if thats related...

Please specify which version of Browsersync, node and npm you're running

• Browsersync [ 2.26.7 ]
• Node [ 14.3.0 ]
• Npm [ 6.14.5 ]

Affected platforms

• linux
• windows
• OS X
• freebsd
• solaris
• other (please specify which)