Горячая перезагрузка Webpack 4: неверный заголовок хоста / источника - PullRequest
Новая
       5

Горячая перезагрузка Webpack 4: неверный заголовок хоста / источника

0 голосов
/ 23 декабря 2018

Я работаю с webpack-dev-server, чтобы выполнить горячую перезагрузку.Тем не менее, в моей консоли он говорит: Invalid Host/Origin header

У меня есть настройки в конфигурации веб-пакета: 

'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(),
    ...
  ]
}

Как мне решить эту проблему, чтобы она работала в моем устройствесреда?Хотелось бы услышать это, так как в настоящее время я должен постоянно обновлять страницу.

Ответы [ 5 ]

0 голосов
/ 14 августа 2019

Если это в Firefox, вы можете исправить это, установив network.http.sendOriginHeader в 1 в about:config.

Эта «Недопустимый заголовок узла / источника» ошибка возникает наFirefox, потому что Firefox по-прежнему не отправляет заголовок Origin с POST-запросами того же источника, и webpack-dev-server настаивает на его получении.

(Действительно, webpack-dev-server должен проверять только Originзаголовок, когда он присутствует.)

Избегайте disableHostCheck!Это опасно даже в вашей локальной среде разработчиков!Он позволяет злоумышленникам подключаться к вашей среде разработки, когда вы посещаете несвязанный сайт с вредоносным кодом.Кажется очень плохо .

0 голосов
/ 25 января 2019

Обновите webpack-dev-server до> = версии 3.1.14 (по состоянию на январь-2019) 

npm i -D webpack-dev-server@3.1.14

Исправлена ​​соответствующая проблема, возникающая в ~3.1.11.

Неттребуется изменение конфигурации веб-пакета.

0 голосов
/ 12 января 2019

Размещена ли ваша страница в другом домене, с которого не обрабатываются файлы вашего веб-пакета?Если это так, возможно, вам просто нужно добавить домен страницы к опции devServer.allowedHosts.

0 голосов
/ 19 января 2019

В конце концов это было обновление пакета, которое не прошло должным образом и было решено после установки последней сборки.

0 голосов
/ 23 декабря 2018

Эта проблема, вероятно, вызвана этой проблемой webpack-dev-server , которая была недавно исправлена.

Чтобы избежать получения ошибки Invalid Host/Origin header, добавьте ее в запись devServer: 

disableHostCheck: true
...