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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容