请选择 进入手机版 | 继续访问电脑版
查看: 190|回复: 1

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

[复制链接]

5

主题

13

帖子

39

积分

新手上路

Rank: 1

积分
39
发表于 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

主题

5

帖子

12

积分

新手上路

Rank: 1

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

使用道具 举报

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

本版积分规则

微信扫一扫

我爱科技论坛(www.52tech.tech)旨在打造全网最大的免费资源共享平台。目前论坛包括考研资料、编程学习、黑科技/科学上网、开源软件等资源模块,竭力服务于正在学习道路上的每一个人。我爱科技论坛,爱科技,更爱分享。致力于营造一个资源丰富、内容完善的大型网络学习交流资源共享平台!

QQ|Archiver|手机版|小黑屋|我爱科技论坛 快乐学习交流

(请勿发布违反中华人民共和国法律法规的言论,会员观点不代表我爱科技论坛的官方立场)

Powered by Discuz! X3.4© 2001-2013 Technology Inc.

返回顶部 返回列表