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

本文详细解析了localhost、127.0.0.1、0.0.0.0及本机IP的区别,阐述了它们在网络传输、防火墙限制及外部访问上的特性。同时介绍了webpack配置中devServer项的作用,用于实现移动设备对项目的远程访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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地址可以通过外部设备访问
		               //(虽然对我没用,可能是公司网络已经配置好了)
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值