关于webpack配置devSever,IP地址的外部设备访问(有关127.0.0.1与localhost与0.0.0.0与本机ip的区别)

127.0.0.1与localhost与0.0.0.0与本机ip的区别
  1. localhost也叫local ,正确的解释是:本地服务器
    127.0.0.1在windows等系统的正确解释是:本机地址(本机服务器)
    他们的解析通过本机的host文件,windows自动将localhost解析为127.0.0.1
  2. localhot(local)是不经网卡传输!这点很重要,它不受网络防火墙和网卡相关的的限制。
    127.0.0.1是通过网卡传输,依赖网卡,并受到网络防火墙和网卡相关的限制。
    本机IP也是通过网卡传输的,依赖网卡,并受到网络防火墙和网卡相关的限制。
    但是本机IP与127.0.0.1的区别是:
    127.0.0.1只能通过本机访问
    本机IP通过本机访问也能通过外部访问
  3. 0.0.0.0代表本机可访问的所有IP地址
webpack配置devSever项

目的是能在移动设备上访问项目,方便调试代码。首先要确保手机和电脑处在同一个网络下(连wifi什么的),然后移动端通过电脑ip地址访问。

//设置本地开发环境
devServer: {
  	port: 8080, //设置端口
  	host : "0.0.0.0", //设置0.0.0.0使得可以通过本机ip访问项目
  	disableHostCheck : true, //使得本机ip地址可以通过外部设备访问
		               //(虽然对我没用,可能是公司网络已经配置好了)
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值