vue中proxy配置代理的疑问

Question

一、官方文档（中文版）

对于这段描述我看了至少 5 遍，看不懂它具体表达的意思，这个 “/api” 是怎么加的

二、做的测试

请求地址："http://127.xxx/api/collectionSchool/getCollectionSchoolConfine"

1、target地址不加“/api”。url不加“/api”。请求成功，出现了一个 api

2、target地址不加“/api”。url加“/api”。请求不成功，出现了两个 api

能不能说，proxy它请求时候，默认给你加了“/api”，这个结论。(实在看不懂官方的中文，可能是翻译的问题，或者是个人语文水平不行)

还有有什么能方法能看到 vue 通过 proxy 它代理请求的真正地址，在network上看的还是 host 发起的。谢谢各位大锅！！！

Answer 1

你自己起一个服务测试一下就可以。

举个例子 get https://sf.gg/api/user，可以匹配到 proxy:{'/api':{target:'http://sf.gg/'}}，会请求 http://sf.gg/api/user。

如果你有 pathRewrite: {'^/api':''} ，可以匹配到 proxy:{'/api':{target:'http://sf.gg/',pathRewrite: {'^/api':''}}}。会请求 http://sf.gg/user。

我有一个通用服务， https://www.lilnong.top/cors/1010000042004971/
他会显示你当前访问的路径，一般我调试的时候也是这样调

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。