nignx域名访问流程

1.例如在浏览器输入 http://www.myhost.com

2.浏览器本地域名解析，根据本机hosts文件，找到域名映射的IP地址：XXX.XXX.XXX.XXX

3.向XXX.XXX.XXX.XXX：80发起请求，默认使用80端口

4.XXX.XXX.XXX.XXX的nginx一直监听80端口，因此捕获到这个请求

5.nignx中配置了反向代理规则，反向代理到后台系统处理请求，返回响应到nginx

6.nginx将响应返回到浏览器

vue问题

运行完后，在127.0.0.1:80下能访问应用。但是，在http://www.myhost.com下，页面上报错"Invalid Host header"。解决：打开build/webpack.dev.conf.js文件，在devServer下配置disableHostCheck: true