npm run dev 生成network网址无法被同局域网下的其他主机访问

报错问题解释:

当你执行npm run dev启动本地开发服务器时,通常会在本机生成一个用于开发的网络地址,比如http://localhost:3000http://127.0.0.1:3000。这个地址是只能被本机访问的,不能被同一局域网下的其他主机访问。localhost127.0.0.1是特殊的IP地址,用于本机环回测试,不能被外部设备访问。

问题解决方法:

  1. 修改开发服务器的监听地址:你可以修改开发服务器的配置,让它监听局域网内可访问的IP地址,如你的本机IP(通常是192.168.x.x10.x.x.x等)。
  2. 使用外部网络地址:如果你的设备通过路由器连接到互联网,你可以找到路由器分配给你的公网IP,然后将开发服务器配置为监听这个IP。
  3. 使用端口转发:通过路由器设置端口转发,将外网端口转发到你的内网IP和端口。
  4. 使用工具如ngrok或localtunnel:这些工具可以提供一个公网可访问的地址,指向你的本地开发服务器。

具体步骤取决于你使用的开发工具和框架。以下是一些常见框架的修改方法:

  • 对于Vue.js,可以在vue.config.js中设置devServer.host为局域网IP。
  • 对于Create React App,可以在package.json中添加或修改scripts,例如"start": "SET HOST=0.0.0.0 && react-scripts start"
  • 对于Ruby on Rails,可以在config/environments/development.rb中设置config.host为局域网IP。

确保你的防火墙和路由器设置允许相应端口的通信。如果你选择使用工具,请遵循相关工具的文档指引。

npm , .net
最后修改于:2024年08月19日 09:21

评论已关闭

推荐阅读

DDPG 模型解析,附Pytorch完整代码
2024年11月24日
DQN 模型解析,附Pytorch完整代码
2024年11月24日
AIGC实战——Transformer模型
2024年12月01日
Socket TCP 和 UDP 编程基础(Python)
2024年11月30日
python , tcp , udp
如何使用 ChatGPT 进行学术润色?你需要这些指令
2024年12月01日
AI
最新 Python 调用 OpenAi 详细教程实现问答、图像合成、图像理解、语音合成、语音识别(详细教程)
2024年11月24日
ChatGPT 和 DALL·E 2 配合生成故事绘本
2024年12月01日
omegaconf,一个超强的 Python 库!
2024年11月24日
【视觉AIGC识别】误差特征、人脸伪造检测、其他类型假图检测
2024年12月01日
[超级详细]如何在深度学习训练模型过程中使用 GPU 加速
2024年11月29日
Python 物理引擎pymunk最完整教程
2024年11月27日
MediaPipe 人体姿态与手指关键点检测教程
2024年11月27日
深入了解 Taipy:Python 打造 Web 应用的全面教程
2024年11月26日
基于Transformer的时间序列预测模型
2024年11月25日
Python在金融大数据分析中的AI应用(股价分析、量化交易)实战
2024年11月25日
AIGC Gradio系列学习教程之Components
2024年12月01日
Python3 `asyncio` — 异步 I/O,事件循环和并发工具
2024年11月30日
llama-factory SFT系列教程:大模型在自定义数据集 LoRA 训练与部署
2024年12月01日
Python 多线程和多进程用法
2024年11月24日
Python socket详解,全网最全教程
2024年11月27日