I am getting an “Invalid Host header” message when connecting to webpack-dev-server remotely

by

The problem occurs because webpack-dev-server 2.4.4 adds a host check. You can disable it by adding this to your webpack config:

 devServer: {
    compress: true,
    disableHostCheck: true,   // That solved it

 }

Please note, this fix is insecure.

Please see this answer for a secure solution.

The option was refactored in version 4.0.0. The allowedHosts option should now be used:

devServer: {
  allowedHosts: "all"
}

More Related Contents:

  1. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  2. What should I do to use this webpacked JS library? [closed]
  3. Passing environment-dependent variables in webpack
  4. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  5. How to copy static files to build directory with Webpack?
  6. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  7. Calling webpacked code from outside (HTML script tag)
  8. Resolving require paths with webpack
  9. ES6 exporting/importing in index file
  10. How do I generate sourcemaps when using babel and webpack?
  11. Arrow Function syntax not working with webpack?
  12. Using require(‘…’) with a variable vs. using a string in webpack
  13. How to bundle vendor scripts separately and require them as needed with Webpack?
  14. Error: Missing class properties transform
  15. webpack –watch isn’t compiling changed files
  16. Conditional build based on environment using Webpack
  17. Importing CSS files in Isomorphic React Components
  18. Webpack Express Cannot Resolve Module ‘fs’, Request Dependency is Expression
  19. In the `import` syntax of ES6, how is a module evaluated exactly?
  20. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  21. What are differences between SystemJS and Webpack?
  22. Webpack: Bundle.js – Uncaught ReferenceError: process is not defined
  23. Webpack 5 – Uncaught ReferenceError: process is not defined
  24. Example of how to load static CSS files from node_modules using webpack?
  25. Conflict: Multiple assets emit to the same filename
  26. How to disable ESLint in vue-cli?
  27. Run command after webpack build
  28. How can I use webpack with express?
  29. Rails 5/6: How to include JS functions with webpacker?
  30. Solution: load independently compiled Webpack 2 bundles dynamically [closed]

Leave a Comment