请选择 进入手机版 | 继续访问电脑版

我爱科技论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 502|回复: 1

[技术分享] 【Webpack错误】解决Webpack-dev-server控制台输出invalid host header Disconnect...

[复制链接]

7

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
发表于 2018-12-25 12:50:37 | 显示全部楼层 |阅读模式
具体的错误详情如下图所示,使用npm跑起来自己的前端项目之后,打开控制台之后就会直接输出下面的错误信息。
00.jpg
基本上就是不间断的输出下面的错误信息:
[JavaScript] 纯文本查看 复制代码
client:168 Invalid Host/Origin header
error @ client:168
client:171 [WDS] Disconnected!





最终的解决方案如下:
进入你自己的webpack配置文件,也就是webpack.config.js这个文件
修改你的配置文件信息如下即可:
[JavaScript] 纯文本查看 复制代码
devServer: {
        port : 8083,
        host : "127.0.0.1",
        contentBase: './dist',                      // 服务器启动的根目录
        historyApiFallback: {
            index : '/dist/index.html'              // 404 或者其他页面就会自动跳转到当前位置
        },
disableHostCheck: true
    }



关键一行代码就是:disableHostCheck: true
以上就是本次解决这个坑的经验分享,希望对大家有帮助!
至此,上面的问题解决!




上一篇:【黑科技】如何通过CMD快速导出一个文件夹下面所有的文件的目录树结构信息(txt文件)
下一篇:【浏览器插件】一款非常有意思的可以直接在浏览器上面绘图的小插件
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复过本主题
的还回复过:

0

主题

8

帖子

18

积分

新手上路

Rank: 1

积分
18
发表于 2018-12-31 18:54:14 | 显示全部楼层
很有帮助
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信扫一扫

快速回复 返回顶部 返回列表