一、问题导入

假如：想看一个网站 www.linwanxia.com ,但是电脑不知道什么是 www.linwanxia.com ，需要询问的

1.先问本地 hosts 文件（一般不改） 如果本地配置了 域名 和 地址的映射关系，优先使用 hosts 中的映射

127.0.0.1   www.linwanxia.com

2.如果本地 hosts 文件里面没配（默认一般都没配）比如：找 www.baidu.com

// 会找线上的 DNS 服务器，DNS 服务器就像一个字典，字典中记录大量的网站域名和网站IP的对应关系
// DNS 服务器
112.80.248.75      www.baidu.com
xxx.xx.xxx.xx      www.xxx.com

DNS 解析: 将域名解析成 IP 地址的过程。

二、解决方法

windows

法1

1. 找到 C:\Windows\System32\drivers\etc 下hosts文件

2. 在文件中加入 127.0.0.1 www.linwanxia.com

3. 保存即可

如果提示没有权限

1. 将hosts文件移到桌面，然后进行修改，确认保存。
2. 将桌面hosts文件替换c盘文件

法2

1.下载 小皮

2.点击设置，找到配置文件，点击 hosts

3.在文件中加入 127.0.0.1 www.linwanxia.com

mac OS

1. 打开命令行窗口
2. 输入：sudo vim /etc/hosts
3. 按下：i 键
4. 输入：127.0.0.1 www.linwanxia.com
5. 按下：esc
6. 按下：shift + :
7. 输入：wq 回车即可

需要开启IP或域名访问webpack服务器权限，在 vue.config.js中配置 (注意需要重启)

// 这个是给 webpack-dev-server 开启的IP和域名访问权限
chainWebpack: config => {
  config.devServer.disableHostCheck(true)
}

浏览器输入http://www.linwanxia.com:8080/#/ 如果也能正常访问页面则配置已经生效