局域网访问项目注意事项

局域网访问项目URL注意事项

  1. 判断是否在同一局域网
    判断方法,dos窗口(win+r,输入cmd回车)输入ipconfig

    在这里插入图片描述
    以太网默认网关地址相同,IPv4地址最后一个数字不同

  2. 关闭Windows防火墙(不会就百度)
    简单粗暴且有效,但存在风险,可能有更好的方法,我没有尝试过

  3. 开放端口不能为localhost:端口
    在同一局域网下,关闭防火墙,并且项目启动,本机可访问的情况下,尝试了很久,局域网依旧无法访问本机项目。
    问题:本机开放端口为http://localhost:9999无法被同一局域网访问
    解决方法:将开放端口配置为http://本机IP地址:9999(不知道如何修改就百度)
    我使用的是IDEA,用的是Vue,在项目的config文件夹中的indes.js中
    此处省略其他配置信息,只显示前端端口配置,后端不用修改,使用localhost也可以访问(至少我是这样)

module.exports = {
	host: '本机IP', //将此处修改成你的本机IP,注(ipconfig中的本机IP)
    port: 1314//此处为你开放的端口号
}
### 配置本地服务器以允许局域网内的其他设备访问 为了实现局域网内其他设备能够访问本地部署的项目,可以通过以下方法完成配置: #### 方法一:基于 WebStorm 的 Deployment 设置 在 WebStorm 中,可以按照如下方式进行配置: 1. 进入 `Deployment` 菜单并点击加号 (`+`) 创建新的规则。填写规则名称,并选择合适的类型后确认[^2]。 2. 获取当前计算机的本地 IP 地址作为网络入口地址[^1]。 3. 在新创建的规则中指定文件路径(例如项目的根目录),以及对应的访问路径(如本机 IP 和端口号)。如果项目位于 `E:\program\webstorm_workSpace\AVIC`,则可以选择其父级路径 `E:\program\webstorm_workSpace` 以便更灵活地管理资源。 4. 确保勾选了 “Allow unsigned requests”,这一步对于移动设备成功连接至关重要;否则可能会遇到信任提示而无法顺利打开网页。 #### 方法二:修改 Vue 或 Vite 构建工具的启动参数 如果是运行一个基于 Vue.js 的开发环境,则可以在 package.json 文件里的 scripts 字段调整命令来支持外部请求接入: ```json { "scripts": { "dev": "vite --host 0.0.0.0" } } ``` 上述脚本定义使得应用监听所有的网络接口而非仅仅限于 localhost[^3]。执行此更改后的 npm run dev 命令之后,任何处于相同子网下的客户端均能通过输入形如 http://<your-ip>:port/ 来浏览该站点的内容。 #### 注意事项 - 确认防火墙未阻止所使用的端口; - 测试前最好重启相关服务确保最新改动生效; - 对实际生产环境中暴露的服务需格外小心处理安全性问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值