前端获取后端本地代码调试之路

前端获取后端本地代码调试之路

	本人刚入码圈的第一年时光,平时记录下自己工作中遇到的问题,顺便给大家分享一下解决方式~ 请多多指教交流 *_* 

与前端的联调

因为项目是前后分离的,要与前端进行接口联调,想在本地测试下。就采用了局域网中ping地址的方式来建立连接。

首先:
两台电脑得处在同一局域网下。我通过cmd中 ipconfig 获取我电脑的IP地址 发给前端同学。
然后:
前端同学先在hosts文件中配置 我的IP地址(如图:是etc路径下的host文件)
前端获取后端本地代码调试之路_第1张图片
在hosts 文件中新增我给前端同学的IP地址 与访问域名 (注: 这儿的IP是百度的IP,域名我是用的localhost)
前端获取后端本地代码调试之路_第2张图片
保存完成之后,前端同学在自己的 电脑中: win+R 打开 输入cmd后 点击 确定 (有些电脑需要管理员的方式打开cmd窗口)

前端获取后端本地代码调试之路_第3张图片

成功进去cmd窗口 下一步输入: ping 61.135.169.121 即可 连接成功之后就可以调试了。
前端获取后端本地代码调试之路_第4张图片
前端直接用localhost/(自己的路径 参数) 去访问后台本地的接口就行了。
这时候前端发现请求获取数据失败:有跨域问题
我在 后台接口中添加 @CrossOrigin(origins = “*”, maxAge = 3600) 注解 完美解决跨域问题
前端获取后端本地代码调试之路_第5张图片
最后就可以在本地愉快的去前后端一起联调啦~~~
有更好用的方式可以交流下哦~

你可能感兴趣的:(前端获取后端本地代码调试之路)