前端如何走通后端接口

Bertha 。 2024-03-24 22:24 43阅读 0赞

## 0 写在前面 ##

现在基本都是前后端分离的项目了，那么前端小伙伴如何获取后端小伙伴接口呢？

## 1 条件 ##

同一WiFi下，让后端小伙伴分享出自己的ip地址：  
步骤1:win+r调出运行界面  
![在这里插入图片描述][e00f6f951a034161b44eefecab6953ff.png]  
步骤2：cmd调出命令行窗口  
![在这里插入图片描述][0e4c45de637d449490932953bd17aab2.png]  
步骤3：输入ipconfig回车获取ip地址  
![在这里插入图片描述][8203271bd62b4b5db8bee5efb6ed7acc.png]  
`192.168.0.142`  
步骤4：将后端服务端口复制  
![在这里插入图片描述][23597df93b084c54a1946b7b9f82a3c2.png]  
`9010`  
步骤5：将接口地址复制  
![在这里插入图片描述][d8bf54040ddd4f23b71fc4d3144bcae8.png]  
`/notic/slot`  
步骤6：将需要传输的参数复制  
![在这里插入图片描述][17adc4e6dc1e4af5b79e76144681e3a0.png]  
因为此处逻辑的问题，此处只需要传递公告内容，所以这个地方需要根据业务实际传输。

@Data
    public class Notic extends Identification{
        
        @ApiModelProperty(value = "公告内容")
        private String noticeContent;
    }

步骤7：将复制的数据串联起来  
`target: 'http://192.168.0.142:9010/'`  
`url: 'http://192.168.0.142:9010/notic/slot'`  
`{"noticeContent":"XXXXX"}`

## 2 写在结尾 ##

现在有的路由器基本都是一个2.4G一个5G频段  
所以一定要选择对同一个网段，不然有时候对接不上。

[e00f6f951a034161b44eefecab6953ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/be34f277c8fd41a489a94fa133808d51.png
[0e4c45de637d449490932953bd17aab2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/3f4836e51fa1482998cc6135199c6068.png
[8203271bd62b4b5db8bee5efb6ed7acc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9fbd0fc067fe456387ab6775ca3d3eba.png
[23597df93b084c54a1946b7b9f82a3c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/2ee68f9ae2c240f1af59d186f891bb58.png
[d8bf54040ddd4f23b71fc4d3144bcae8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/ad186ed2fe384c978f3a5e75079ed8ff.png
[17adc4e6dc1e4af5b79e76144681e3a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8fb06ebc31fd4168acea06488332f554.png