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

猜你喜欢

转载自blog.csdn.net/httguangtt/article/details/85273436
今日推荐