vue跨域实现与原理

假如上线后前端在A(192.168.0.1:8080)服务器，后端在B(192.168.0.2:80801)服务器，this.$http.get("/api/getMenu", {}其实访问的是192.168.0.1:8080/api/getMenu;而此时那段dev.proxy的配置是不被A服务解析的，因为线上没有node环境，而线上一般用tomcat或者nginx作为web服务器，所以这个时候需要代码正常运行的话还需要配置服务器的反向代理，让192.168.0.1:8080/api/getMenu代码被识别并转到192.168.0.1:8081/getMenu，这样才能让项目正常跑起来。至此再反过来推导vue的反向代理,其实并不是vue的能力，vue只是写了一段可以让node认识的配置并作用于自身，其最终还是node的反向代理再起作用。

image.png