通过IP地址连接两台电脑

        在日常生活工作中,前后端分离基本上已经算是当今主流的一种开发方式,而在进行前后端分离的时候,在前端调用后端的接口的时候,就需要对两台设备进行一个连接。下面就讲一下怎么使两台设备建立通信的方式。

1.确保两台设备是在同一个局域网下。

2.后端(被连接者)可以先查看自己本机的IP地址,如果不知道怎么查的话可以通过dos命令窗口(win+R快捷键打开)来查看自己本机的IP地址:                

        (1).输入ipconfig命令查看自己的ip地址。

        (2).找到无线局域网适配器WLAN下面的IPv4地址后面的就是你本机的IP地址了。

        (3).把这个ip地址提供给前端(要连接者)。

如下图所示:

 3.前端拿到后端提供的ip地址之后在自己的dos命令窗口进行测试:

        (1).打开dos命令窗口输入命令:ping 192.168.1.21(后端的ip地址----被连接者)。

         (2).输入命令后出现上面信息就代表着连接成功了。

注意:如果出现下图信息则代表着被调用方系统防火墙已经打开,需要去设置里面关掉防火墙重新ping一次就可以连接成功了。

用完之后记得开启防火墙哦!

### 配置两台电脑分别为前端和后端开发环境 #### 找到并编辑 hosts 文件 为了使前端能够正确识别不同的后端项目,在每台机器上的操作系统中存在一个名为 `hosts` 的文件,该文件用于映射主机名到 IP 地址。对于 Windows 用户来说,这个文件位于 `C:\Windows\System32\drivers\etc\hosts`; 对于 macOS 和 Linux 用户,则可以在 `/etc/hosts` 中找到它[^1]。 #### 设置网络连接 确保前后端所在的两台计算机处于相同的局域网内,并能互相 ping 通对方的 IP 地址以验证连通性。这一步骤非常重要,因为只有在同一网络环境下才能顺利建立通信链路[^3]。 #### 启动后端服务 在其中一台计算机上部署所需的后端应用程序和服务。根据所选的技术栈(如 Java, Python 等),安装相应的运行时环境以及必要的依赖库。启动这些应用之后,它们应当监听特定端口等待来自客户端请求的到来。 #### 构建前端工程并与后端对接 另一台计算机则专注于搭建前端项目的开发环境。这里涉及到 HTML/CSS/JavaScript 编写界面部分的工作。为了让前端代码成功调用远程API接口,需调整 CORS (Cross-Origin Resource Sharing) 政策允许跨源资源共享;或者利用代理服务器转发HTTP 请求给目标后端地址。此外,还可以修改前端项目的配置文件中的 API URL 来指向实际提供服务的那个IP 及其对应的端口号。 ```javascript // 示例:Vue CLI 项目下的 vue.config.js 修改 devServer.proxy 属性 module.exports = { devServer: { proxy: 'http://backend-ip-address:port' } }; ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值