之前一直理解得很糙 导致遇到问题很迷糊 今天经过大佬两句话讲明白了 特此记录
host文件
首先host做了代理 也就是对浏览器的DNS寻址做了拦截 具体原理可以参照当我们在地址栏输入URL的时候浏览器发生了什么
例如127.0.0.1 www.baidu.com
将 127.0.0.1 www.baidu.com 链接自动代理到本地 localhost也就是127.0.0.1
可以手动尝试下 百度就找不到了
nginx
关键词:服务器 协议 域名 端口号
nginx的根目录 conf/nginx.conf 文件 server配置
- 监听http 80端口 / https 443端口
- ssl证书配置
- server_name监听的域名
- location配置本地打包好的dist文件地址
当浏览器访问了对应域名 即会转发命中本地nginx服务器 寻找符合的域名端口代理下的文件地址 而非去万维网上寻找链接地址
可以通过谷歌浏览器 F12 network doc 查看确认当前页面的访问地址和类型