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的代理中间件会自动处理成合规合法的地址,所以加不加都行。
文字很麻烦,把流程画在图上吧