#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项目封装网络请求接口思路及方法
里面的第三步

Logo

前往低代码交流专区

更多推荐