我和朋友异地一起开发一个项目,我写前端vite+vue3,朋友写后端java+spring cloud。请问我们各自写的程序该怎么通信啊?即通过接口,我发请求、朋友传数据给我展示,有一些功能需要测试。把前端项目一起打包好,通过nginx效率太低,需要我这边实时看到效果就修改。
首先你和你朋友不在一起,那就有如下几种方式来实现前后端调试
1.把后端服务部署到云服务器上,前端直接请求
2.如果没有云服务器,可以使用内网穿透工具,把你的后端服务暴露给前端请求
3.还可以把你的后端服务打包发给前端同学的电脑上,安装后端服务本地调试,这样效率很低
4.还有就是前端mock数据调试
5.还有就是你们2个人在一起开发,在一个网络环境下调试很方便的
方式一:
将后端代码部署至服务器中,通过API接口访问并进行数据交付,这种方式后端本地更改后无法第一时间在前端呈现,需要更新服务器上的代码或程序才行
方式二:
使用花生壳、frp等代理工具,将本地项目映射至外网可访问,然后通过API接口访问并进行数据交付,这种方式后端本地修改后前端第一时间获取的是最新的数据结果,无需等待服务器更新
后端将服务暴露出来,给你一个域名 如 xxx.xxx.com/api,你通过 ajax 给这个域名发送请求,而不是localhost,本地调试
前端可以通过使用 mock.js 等工具生成假的 API 响应,从而实现前端和后端的异地测试。后端写的数据在前端通过 mock 技术模拟,而不需要实际的后端服务器。
你也可以使用模拟数据生成工具(例如 JSON Server)创建一个简单的 RESTful API,以便在异地进行前端开发和测试。在实际项目上线后,只需要将前端代码中的 API 请求 URL 更改为真实的后端 API 即可。
部署到云服务器或者本地启动后端或者你朋友那边用ngrok之类的软件代理下
你这个肯定要让后端部署到公网服务器了(云服务器),然后让他提供服务器ip,然后你看文档对接,ajax请求不用说了吧。注意,让后端配置跨域。
https://blog.csdn.net/qq_37954460/article/details/120639348
使用api啊,部署到云服务器上测试,打包好就上传测试,前端也可以使用模拟的请求进行操作,不过你们是异地,要同步还是云服务器好一点,虽然速度可能不如本地快,但也差不了多少。