Не удается получить / на локальном хосте:8080 при использовании npm run hot

Question

Я использую laravel vuejs spa и хотел бы использовать npm run hot, чтобы браузер автоматически обновлялся.

Вот мой файл webpack.mix

const path = require('path')
const mix = require('laravel-mix')
// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

mix.config.vue.esModule = true

mix
  .js('resources/assets/js/app.js', 'public/js')
  .styles([
      'resources/assets/css/app.css',
      'resources/assets/css/style.css'
  ], 'public/css/app.css')

  .sourceMaps()
  .disableNotifications()

if (mix.inProduction()) {
  mix.version()

  mix.extract([
    'vue',
    'vform',
    'axios',
    'vuex',
    'jquery',
    'popper.js',
    'vue-i18n',
    'vue-meta',
    'js-cookie',
    'bootstrap',
    'vue-router',
    'sweetalert2',
    'vuex-router-sync',
    '@fortawesome/fontawesome',
    '@fortawesome/vue-fontawesome'
  ])
}

mix.webpackConfig({
  plugins: [
    // new BundleAnalyzerPlugin()
  ],
  resolve: {
    extensions: ['.js', '.json', '.vue'],
    alias: {
      '~': path.join(__dirname, './resources/assets/js')
    }
  },
  output: {
    chunkFilename: 'js/[name].[chunkhash].js',
    publicPath: mix.config.hmr ? '//localhost:8080' : '/'
  }
})

Я настроил mysite.com на своем локальном хосте, и когда я захожу на mysite.com, я могу просматривать сайт. Но он не обновляется, когда я делаю изменения. Я проследил несколько статей в интернете и обнаружил, что это будет на localhost:8080.

Теперь, когда я захожу на localhost: 8080 я вижу только пустую страницу с ошибкой Cannot GET /

Кто-нибудь знает, как решить эту проблему и обновлять браузер всякий раз, когда я делаю изменения в своем проекте.