Solve Invalid Host/Origin header, [WDS] Disconnected! error

In the development environment of the vue2 project, the console keeps brushing and reporting errors as shown below:

Solution:

first step:

Modify the host value in the /config/index.js file in the root directory to '127.0.0.1' or localhost

Step two:

Modify the devServer in the /build/webpack.dev.conf.js file in the root directory

Add a line under devServer: disableHostCheck: true,

Step 3: Restart dev