美文网首页
vue跨域实现与原理

vue跨域实现与原理

作者: 徐国军_plus | 来源:发表于2021-08-10 23:35 被阅读0次

假如上线后前端在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

相关文章

  • vue总结

    vue路由守卫 vue实现双向绑定原理 Vue生命周期: vue跨域方式 vue-router实现原理 vue-r...

  • 完成vue项目过程中的一些要点

    1、html适配移动端 2、vue实现双向绑定 跨域请求方法 1、jsonp原理利用 可以跨域请求js文件 所以...

  • vue跨域实现与原理

    假如上线后前端在A(192.168.0.1:8080)服务器,后端在B(192.168.0.2:80801)服务器...

  • Vue2.x-实现跨域请求(fetch/axios/proxyt

    Vue2.x-实现跨域请求(fetch/axios/proxytable)跨域问题,修改proxyTable,然后...

  • vue学习笔记(九)跨域请求

    实现跨域请求 vue.config.js文件

  • 跨域的三种实现方法

    用JSONP实现跨域 原理: 利用 script 标签引用JS文件时不受是否跨域的影响,在后端支持的情况下,实现跨...

  • 跨域问题详解分析

    参考文档 CORS详解 跨域资源共享 CORS 详解 js中几种实用的跨域方法原理详解 跨域的那些事儿 跨域与跨域...

  • vue 跨域的配置

    关于跨域的配置真是累呀 在网上找了资料 才成功实现跨域了 其实主要在vue.config.js 来配置跨域

  • Vue-resource总结

    Vue 实现 Ajax请求 和跨域请求主要是通过插件vue-resource.js。 引进 引进插件vue-res...

  • jsonp

    1.原理 jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。...

网友评论

      本文标题:vue跨域实现与原理

      本文链接:https://www.haomeiwen.com/subject/xlkqbltx.html