真机调试之Invalid Host header

真机调试之Invalid Host header

最近接手联调商户app,需要真机调试,好不容易项目启动成功,还没来得及开心,又遇到一个问题,连本地后访问页面发现页面提示Invalid Host Header。如下图:
真机调试之Invalid Host header
项目是vue 3.0搭建的,在vue.config.js文件中的derServe里添加:disableHostCheck: true
这是由于新版webpack-dev-server处于安全考虑,默认检查hostname,如果hostname不是配置内就不能访问。这里采用关闭host检查。

如果项目是vue2.0搭建的话,配置见如下:
真机调试之Invalid Host header