解决npm run dev无法被同局域网访问的问题

解决npm run dev无法被同局域网访问的问题

引言

在使用 npm run dev 启动本地开发服务器时，经常会遇到生成的网络地址（通常是 localhost 或 127.0.0.1）无法被同一局域网下的其他主机访问的问题。本文将探讨这一问题的成因，并提供几种可能的解决方案。

问题分析

当开发服务器监听在 localhost 或 127.0.0.1 时，它仅接受来自启动服务器的主机的请求。这意味着其他主机无法通过这个地址访问服务器。这是因为 localhost 是一个特殊的网络名称，它解析为启动服务器的主机的回环地址。

解决方案

1. 使用 0.0.0.0 作为监听地址

将开发服务器配置为监听 0.0.0.0 地址，这样就可以接受来自任何网络接口的请求。

a. 对于基于 Node.js 的服务器：

如果你使用的是 Express 服务器，可以这样做：

const express = require('express')