web-dev-qa-db-fra.com

Webpack 4 Hot Reload: en-tête hôte / origine non valide

Je travaille avec webpack-dev-server pour effectuer un rechargement à chaud. Cependant, dans ma console, il continue de dire Invalid Host/Origin header

La configuration que j'ai dans ma configuration webpack est la suivante:

'use strict'

const webpack = require('webpack')
const { VueLoaderPlugin } = require('vue-loader')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  mode: 'development',

  devServer: {
    headers: {
      'Access-Control-Allow-Origin': '*'
    },
    hot: true,
    watchOptions: {
      poll: true
    }
  },
  module: {
    rules: [
      ...
    ]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    ...
  ]
}

Comment résoudre ce problème pour qu'il fonctionne dans mon environnement de développement? J'adorerais l'entendre car, actuellement, je dois constamment actualiser la page.

webpackwebpack-dev-server
6
Maarten Raaijmakers

Ce problème est probablement dû à ce webpack-dev-server issue qui a été corrigé récemment.

Pour éviter d'obtenir le Invalid Host/Origin header error ajoutez ceci à votre devServer entrée:

disableHostCheck: true
17
pors

Votre page est-elle hébergée sur un domaine différent de celui à partir duquel vos fichiers webpack sont servis? Si tel est le cas, vous devrez peut-être simplement ajouter le domaine de la page à devServer.allowedHosts option.

0
broken-e

S'il s'agit de Firefox, vous pouvez le corriger en définissant network.http.sendOriginHeader à 1 dans about:config.

Cette erreur "En-tête hôte/origine non valide" se produit sur Firefox car Firefox continue n'envoie pas d'en-tête Origin avec same-Origin = POST requêtes et webpack-dev-server insiste pour l'avoir.

(Vraiment, webpack-dev-server ne doit vérifier l'en-tête Origin que lorsqu'il est présent.)

Évitez disableHostCheck! C'est dangereux même dans votre environnement de développement local! Il permet aux attaquants de se connecter à votre environnement de développement lorsque vous visitez un site sans rapport avec du code malveillant. Il semble vraiment mauvais .

0
DS.