前后端分离的理解问题

Question

之前公司的项目是处于半分离的状态，现在要实现前后端的完全分离，在网上找了很多文章看，还是迷迷糊糊的，所以向大家请教一下。如果前后端有不同的服务器，前后端都只是有本地的服务器，前端可以通过访问API来访问后端的数据，那么后端怎样才可以访问到前端的页面呢？还有一个问题是后端开发的API也是在自己的本地服务器的，前端要怎么访问，难道在开发的时候就都要部署到服务器上吗？我最近才刚刚接触，可能理解的存在偏差，希望大家不吝赐教，感谢各位的回答。

Answer 1

本地接口。如果你们在同一个局域网下，让后端起一个端口，访问他的电脑http://ip:端口/api；不在同一个局域网，那就只能传服务器了。另：后端自己看界面（如果有设计好的）想逻辑，不需要访问前端界面，给数据就对了！

Answer 2

1.前端可以通过访问API来访问后端的数据，那么后端怎样才可以访问到前端的页面呢？
你都说了后端是数据，那你后端访问你前端页面干什么。。。
2.还有一个问题是后端开发的API也是在自己的本地服务器的，前端要怎么访问，难道在开发的时候就都要部署到服务器上吗？
后端接口是你自己开发吗？是的话直接访问localhost啊，如果不是，你问后端要。

Answer 3

1.前端需要什么
前端本地搭建一个本地服务器，用nginx其实就行了 ，非常简单，然后前端页面就可以通过IP+端口+目录的形式访问了，如果要请求接口api，一样，利用nginx，匹配路径，匹配到后转到后端的IP加端口上

比如我本地ip是10.0.11.11，
nginx配置的端口是8080，
ng配置根目录是C:\workApp;
我的项目在C:\workApp\myproject\index.html

那么就通过10.0.11.11:8080/index.html就可以访问了

比如后端接口是10.0.11.11:8002/api/test.go

那么nginx配置就写：
location /api{
        proxy_pass 10.0.11.11:8002;
    }
项目中访问就比如$.get("/api/test.go")

2.后端需要什么
开启本地服务器，确保和前端在同一局域网，提供给前端api地址
3.产品经理怎么看
和前端一样，通过前端提供的路径查看就行了
10.0.11.11:8080/index.html就可以访问了

Answer 4

目前我们公司是这样解决的，前后端各自开发，但是事先把页面所有的需要到api都整理成档。前后端在各在开发的过程中根据文档的内容进行开发。
前端怎么获取数据：mockjs模拟
后端怎么查看前台页面：只是在生成api的过程中，后端是不需要看前台页面的。
最后会有一个前后端交恰的过程，这个时候就是把代码提交开发服务器（非正式），在这一步开始前后端比对数据处理手尾。
我们使用http://doclever.cn/，感觉还不错，挺方便，能给前端生成数据。