前后端分离，前端在开发中是如何调用接口的？

Question

新项目要用前后端分离的做法来做。
开始的想法是前端ajax调用后台接口，但是如果不配置本地的java环境，就存在调用服务器接口跨域的问题。
大家在开发过程总是如何解决这个问题的？

Answer 1

前端使用node搭一个小型服务器

node使用http-proxy这个库配置映射

把映射ip或者线上网址、

这样做的好处是、打包前台项目的时候、接口不用改、因为映射的相对路径和代码里的是一致的

Answer 2

弄个 Nginx 做反向代理

Answer 3

vue-cli里面是用了http-proxy配置api映射 想了解可以去看vue-cli build目录下的dev-server代码

我的做法是 开发环境后端nginx配一下跨域头为＊

Answer 4

后端服务搭建在公用测试机，我这边的做法是用nginx把访问后端接口的请求反向代理到公用测试机上，本地开发前端就不会和后端存在冲突了，上线时也不用改挺方便的。