自助餐饭店 - 反向代理和前后端分离

个人碎碎念，无准确性保证，欢迎讨论抓虫，严禁转载

这些是我和一位正在学web课的同学的一段聊天，

他以为开网页反向代理改了系统设置会被请喝茶

当然，某种意义上是有可能的，

如果你碰巧有国内的域名和不封端口的IP，还把服务放公网上还忘记备案了的话……

你前端vue的devserver是类似nginx的（静态页面+反向代理）服务器，默认监听在9528端口（能改），它的作用是把前后端拿胶水粘一起，来自互联网上的用户只要通过你反向代理的端口就能同时访问你的前端和后端了，而不需要同时从你的A端口拿前端页面、B端口拿静态资源、另一个房间的电脑C上请求api了

你可能认为此处反向代理改了系统的配置，实际上没有。你的devserver更像个店小二，往返奔波与前台、餐厅和后厨。再搁店门口打上招牌（域名），你的饭店就建起来了。如果前台只负责提供托盘，后厨只负责做大锅菜，这就是前后端分离，反向代理就是那个店小二把托盘以及大锅菜端到餐厅的，自助餐，你进来餐厅，自己拿托盘打菜。没这个店小二，那就得到前台拿完盘子一路揣着坐地铁去打菜了，且不说麻烦不麻烦，路上还容易出事，这就是为什么现代浏览器一般都拒绝跨域访问（CORS）。如果是后厨做完大锅菜了，前台拿托盘把后厨的大锅菜装起来，非自助，你进来餐厅，到前台拿打好的菜（或者店小二端给你），这种就是前后端不分离。反向代理不需要用户改系统配置，因为用户是照着招牌（域名）翻地图（DNS）直接走过去的，而地图在系统里都提前配好了。

和反向代理不同，上github用的那个是正向代理，正向代理才是要改系统配置的那个。它像一个快递员，可以代替你走远路送快递。打开正向代理服务器就像建了一个快递站，今后你的员工不用亲自走远路送货上门了，只要到快递站填单子寄走就行。但光有快递站不够，你还得告诉你的员工今后要去快递站发货，这就是在系统代理中设置代理服务器地址的作用

我居然写这玩意花了一整个小时