背景:一个老项目因为引入了公司域名申请的地图,所以会有域名限制问题,然后启动了switchhost,但是没有起作用,之前的项目都可以,这次不可以,偶然看到一篇帖子,说需要在vue.config.js的devServer配置disableHostCheck:true,然后去老项目配置一下,再次启动果然好了
探索: 然后去vue-cli的官网里面去查询了devServer,文档提示跳转到webpack-dev-server上去看发现已经没有disableHostCheck这个属性了,原来webpack5现在可以使用allowedHosts来代替disableHostCheck的作用, devServer.disableHostCheck是webpack4的配置
探究: devServer.disableHostCheck作用是什么呢?
- 禁用webpack-dev-server 对主机的检查,默认情况下webpack-dev-server会对请求的主机进行检查,防止其他主机发送恶意请求到服务器,有助于提高安全性
- 设置为true,意思是允许来自任何主机的检查
- 默认情况下webpack-dev-server只允许本地主机(localhost、127.0.0.1)的请求,如果请求的主机不在白名单中,webpack-dev-server会拒绝该请求