首页 > 编程知识 正文

vue如何配置多个代理,vue proxytable详解

时间:2023-05-05 00:41:57 阅读:110881 作者:3977

vue中proxy代理的理解

今天开发的时候,意外地对vue的代理有了新的理解,以前是非常模糊的状态。 先看图吧。

1、代理中有一个大对象。 如果有多个代理,则直接在后面添加子对象。 在实际开发中不仅有接口代理,还可能有图片上传下载代理。

2、整个代理过程怎么样?

首先要知道什么是代理人,为什么需要代理人。

代理人:悲伤的棉花糖是代替人做点什么。 在开发中也是如此。 因为在本地开发时是基于node服务器进行开发的,所以不能直接向后端请求。 一旦直接请求,将报告域间错误。 (请尝试将url直接写在后端地址上。 否则,如果知道后端地址,任何电脑都可以访问,所以必须禁止来自本地的直接请求。 我有很多想法

流程:

‘/api’:他是指遇到这个字符开头的话,在这个字符前面加上target里面的ip或者域名。

例如,/api,前面的localhost:9999是target的内容

完整路径现在是http : XXX/XXX/API/manager/manager

但是,有个问题。 实际接口中没有此api,因此以下pathwrite重写将解决此问题。他识别到api开头就会把/api重写成空,那就是不存在这个/apil了,完整路径为http : XXX/XXX/manager/manager

这里有个小小的问题(如图):实际开发中我们会发现有的人target域名后携带/,然后重写的时候也会有个/,按照上述转换的话就会多出斜杠,首先这个理解没错的,但实际上vue的代理中间件会自动处理成合规合法的地址,所以加不加都行。

文字很麻烦,把流程画在图上吧

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。