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' : '/'
  }
})

我在我的localhost上配置了mysite.com，当我访问mysite.com时，我能够查看该网站。但是当我进行更改时，它不会刷新。我在互联网上关注了一些文章，发现它将在localhost：8080。

现在当我访问localhost时：8080所有我看到的是一个空白页面，错误无法获取/

有人知道如何解决这个问题，并且只要我在项目中进行更改，就会刷新浏览器。

使用npm run hot时无法获取/在localhost：8080上

0 个答案: