本地项目局域网内的调试

2024-06-30 02:59:44

前言： 先简单了解下本地域名及IP地址

127.0.0.1、localhost、0.0.0.0、本机IP地址

localhost

在计算机网络中，localhost是给回路网络接口（loopback）的一个标准主机名，相对应的IP地址为127.0.0.1（IPv4）和[::1]（IPv6），localhost指向的IP地址是可以配置的。

不联网，不使用网卡，不受防火墙和网卡限制，本机访问

127.0.0.1

凡是以127开头的IP地址，都是回环地址（Loop back address），其所在的回环接口一般被理解为虚拟网卡，并不是真正的路由器接口。

所谓的回环地址，通俗的讲，就是我们在主机上发送给127开头的IP地址的数据包会被发送的主机自己接收，根本传不出去，外部设备也无法通过回环地址访问到本机。

一般会通过ping 127.0.0.1来测试某台机器上的网络设备是否工作正常。

不联网，网卡传输，受防火墙和网卡限制，本机访问

0.0.0.0

首先，0.0.0.0是不能被ping通的。在服务器中，0.0.0.0并不是一个真实的的IP地址，它表示本机中所有的IPV4地址。监听0.0.0.0的端口，就是监听本机中所有IP的端口。

本机 IP

本机IP，我们可以理解为本机有三块网卡，一块网卡叫做loopback（虚拟网卡），一块叫做ethernet（有线网卡），一块叫做wlan（你的无线网卡）。

联网，网卡传输，受防火墙和网卡限制，本机或外部访问

Vue项目本地运行localhost、手机IP都能访问

查看本机IP地址。

  `windows ipconfig    / mac ifconfig

修改package.json文件中添加–host 0.0.0.0，然后重新重启项目。

"scripts": {"dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
}

在浏览器导航栏中输入：http://ip+端口访问项目运行。注意这里确保访问时时同一网段，否则，就无法访问。

[参考资料]

localhost，127.0.0.1 和本机IP - 简书
彻底明白ip地址，区分localhost、127.0.0.1和0.0.0.0 - 简书
ip地址访问vue运行项目_fjdream的博客-CSDN博客

本地项目局域网内的调试相关推荐

【图解】本地IIS局域网内无法访问的问题
今天在做网站时遇到本地IIS局域网内无法访问的问题. 本人用的是Windows XP系统+ MS SQL SERVER2000. 网站在我机子上,我可以自己可以访问,但其它同事无法访问... [如本机 ...
vs局域网内远程调试
vs局域网内远程调试前提:在同一局域网内(以网线连接两台电脑最好) 软件应用端: 代码调试端: 前提:在同一局域网内(以网线连接两台电脑最好) 软件应用端: vs安装目录下找到并打开msvsmon. ...
【GO语言】实现同步传输系统：局域网内手机和电脑互传文件互发消息。go语言练手项目
GO语言实现同步传输系统:局域网内手机和电脑互传文件互发消息项目总览: 一.项目功能展示 1.用手机传输文件到电脑 2.用手机传输图片到电脑 3.用电脑传输文字到手机 4.服务器显示情况,端口信息: ...
在Unity3d项目中利用Udp进行局域网内通信
在Unity3d项目中利用Udp进行局域网内通信实现一个用于存储通信息的Quene using System.Collections; using System.Collections.Generi ...
项目实战：基于 TCP 的局域网内高性能文件传输系统设计与实现
本项目开发基于 Red Hat Enterprise Linux(RHEL) 6.3 平台 ,通过本项目大家会深入理解下述内容: Socket 网络编程技术基于TCP/IP 协议的网络编程技术基于 ...
linux不适合数据传输,【Linux调试经验】局域网内数据传输不经过路由
问题/发现: 本人在为一款路由器写一个统计局域网互传流量的Linux内核模块的时候,发现如下问题: 局域网内的一台设备和该局域网内另一台设备进行通信时,我在路由器的netfilter链表处设下钩子,以 ...
本地运行vue.js项目，如何更改调试的默认端口？
运行本地vue.js项目,如何更改调试的默认端口? 之前学会了安装和使用node.js.npm.cnpm.webpack等相关的一些知识和技巧, 但是在搭建vue.js框架,进行开发的时候,会发现在进 ...
创建局域网内远程git仓库，并将本地仓库push推到远程仓库中
转自原文创建局域网内远程git仓库,并将本地仓库push推到远程仓库中 1. 先远程登录局域网内服务器 2. 在服务器里切换到某个文件夹下, 然后新建一个文件夹用作git仓库(文件夹名最好跟准备推 ...
chrome调试本地项目, 引用本地javascript文件
chrome调试本地项目, 引用本地javascript文件本地文件可以访问本地文件修改快捷方式属性 C:\Users\xxx\AppData\Local\Google\Chrome\Applic ...

最新文章

热门文章