以前就一直有问题。 那就是,是只是那个部分附有“/api”,还是全部通过代理落下了答案? 只有“api”的部分,也就是你安排代理的部分
发送请求时,包括axios在内发送后,vue会检测您的所有请求,将适合您代理的部分正规匹配到,然后发送代理请求
这里是我搞错了,其实这个proxy好像只能代理。 在当前项目的根路径部分,将axios设置为localhost:1234
然后,你会发现没有一个代理,接口全部断开。
说明只代理当前项目路径localhost:8080。
但是那个是正确的。 只能代理“api”的部分。 这是正确的
所以总的来说,正确的有两点
1 .只代理“API”部分
2 .仅代理当前项目根路径localhost:8080
关于第二点可以看到这两个
首先,由于axios设置了当前项目路径以外的地址,接口锁定,代理未成功
接下来请看这个。 不设置axios请求根路径。 那么,它默认为项目根路径。 然后,代理部分全部成功,代理来到api的目标,请求的根路径在目标上代理。 没有代理的部分,即api没有写为匹配代理的部分,是要使用的项目根路径localhost:8080
总结如下图
今天在项目上相遇,需要要求两个不同的地址时,我不知道该怎么办
后来想到了一个好办法
在同一项目中,不同的接口可以向不同的服务地址发送请求,如下图所示
axios不设置请求根路径的缺省路径是项目根路径,您设置的是您设置的路径
以前不太清楚,今天是,感觉proxy这样弄,特别像ngnix....叫它小ngnix把,哈哈