Looking for hot-update.json files in the wrong place

I’m using a virtual machine to serve my webpack-dev-server and everything seems to be working just great except that the webpack-dev-server.js script trys to fetch my hot-update.json using my window.location.hostname, Rather than the ip address everything else is loaded from.

GET http://mysite.dev/b3ed7794aa51bd32ab93.hot-update.json 404 (Not Found)hotDownloadManifest @ bundle.js:26hotCheck @ bundle.js:224check @ dev-server.js:12(anonymous function) @ dev-server.js:56
dev-server.js:28 [HMR] Cannot find update. Need to do a full reload!
dev-server.js:29 [HMR] (Probably because of restarting the webpack-dev-server)
client:31 [WDS] Nothing changed.

When I check the virtual machine ip/port the hot update is there. http://192.168.56.10:8080/0.e71cbe1b6f2760378f0d.hot-update.js

How can I tell webpack to look for the hot update files at this location?

I’m embedding this script into my nginx served html page

<script src="http://192.168.56.10:8080/bundle.js"></script>

here is my webpack-dev-server.js config file.

var webpack = require("webpack");
var webpackConfig = require("../webpack.config.js");
module.exports = {
    options: {
        webpack: webpackConfig,
        publicPath: "/",
    },
    default: {
        output: {
            publicPath: "http://192.168.56.10:8080/",
        },
        webpack: {
            devtool: "eval",
            debug: true,
        },
        host: "192.168.56.10",
        hot: true,
        inline: true,
        keepalive: true,
        watchOptions: {
            poll: 1000,
        },
    }
};

And in case its needed my webpack.config.js

var path = require("path");
var webpack = require("webpack");
module.exports = {
    cache: true,
    entry: {
        App: [
            path.join(__dirname, "assets/js/app.js"),
        ],
    },
    devtool: "cheap-module-source-map",
    output: {
        path: path.join(__dirname, "public/js"),
        filename: "bundle.js",
        sourceMapFilename: "[file].map",
    },
    module: {
        loaders: [
            {
                test: /\.scss$/,
                loaders: ["style", "raw", "sass"]
            },
            {
                test: /\.jsx?$/,
                exclude: /(node_modules)/,
                loader: "babel",
                query: {
                    plugins: ["transform-runtime"],
                    presets: ["es2015"],
                },
            },
        ],
    },
    resolve: {
        modulesDirectories: [
            "node_modules",
            "assets/js",
        ],
    },
    plugins: [],
};