#vue# 【二】本地电脑如何配置host文件？

#vue# 本地电脑如何配置host文件？

（1）host概念

• 在进行请求接口之前，我们需要先配备好host

• Hosts：它是一个没有扩展名的系统文件，
  而它的的基本作用，就是将一些我们个人常用的网址和相对应的IP地址建立一个关联“数据库”

• 所以，当我们（也就是用户）在浏览器输入一个需要我们登录的网址时，
  我们的计算机系统会首先自动的从Hosts文件中寻找对应的IP地址

• 如果一旦找到对应的IP地址，
  我们的系统将会立即打开对应的网页，
  如果没有找到，这时候系统将会把网址，
  交给DNS域名解析服务器进行IP地址的解析

（2）host5大特点

• 加快域名解析
• 方便局域网用户
• 屏蔽网站
• 顺利连接系统
• 虚拟域名

本机电脑的网址指向是为localhost，port: 8080（端口） ，
但是在实际的开发里面，
我们服务的项目往往不止一个，
如果有其它的项目，就会按照顺序:port: 8081（端口）、port: 8082（端口）、
port: 8083（端口）、port: 8084（端口）…
那这样的话，就会很乱！！

所以针对这种情况，我们最好就是重新配置一下域名以及端口，方便自己查看，
也方便其它协助者一起开发项目的时候，可以拿到你电脑的数据

步骤如下：
在vue目录里面，config----index.js文件里
找到host

然后，自定义域名和端口

在XP 、win7、win10系统中，

在系统盘输入以下路径，

C:\Windows\System32\drivers\etc

找到HOST文件，
（如果进去没有看到Hosts文件，是因为某些系统将Host文件隐藏了）

然后将同事给的域名和地址，
进行粘贴到里面就可以了

格式：
1436.00.10(这个是同事电脑地址） rteryryrutuyyrty.nen.edb.cn(这个是域名）
这样就映射到同事的电脑了
访问rteryr45yrutuyyrty.nen.edb.cn，
即系等同于访问1453455336.00.10

温馨提示：这个域名也是我们后期数据请求时，拼接域名地址时，同样会使用到的

具体可以查看#vue# 超级详细步骤！vue项目封装网络请求接口思路及方法
里面的第三步