跨域解决方案,使用域名映射禁用webpack-dev-server域名检查

修改window本地hosts文件,修改域名指向

Hosts是一个没有扩展名的系统文件,可以用记事本等工具打开,其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,一旦找到,系统会立即打开对应网页,如果没有找到,则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。
操作系统规定,在进行DNS请求以前,先检查系自己的Hosts文件中是否有这个域名和IP的映射关系。如果有,则直接访问这个IP地址指定的网络位置,如果没有,再向已知的DNS服务器提出域名解析请求。也就是说Hosts的IP解析优先级比DNS要高。
文件路径:C:\WINDOWS\system32\drivers\etc。

127.0.0.1 www.163.com

表示域名“www.163.com”指向的ip为127.0.0.1,即本地。

webpack项目提示Invalid Host header

新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置:

devServer: {
      disableHostCheck: true,
    },

或者在npm命令中添加后缀--disable-host-check

"serve": "webpack-dev-server --env.NODE_ENV=development --progress --disable-host-check",

猜你喜欢

转载自www.cnblogs.com/qq3279338858/p/9046517.html