vue跨域实现与原理
2021-08-10 本文已影响0人
徐国军_plus
假如上线后前端在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