vue.config.js中配置了proxy代理无效

我在vue.config.js中配置了proxy代理，但是无法代理成功，不知道怎么回事，如下图是配置代码

下图是接口地址，我访问/api的地址就会代理到http:localhost:4000上可为什么nextwork上请求路径依旧没变换。

如下图，正确路径按理说是http://localhost:4000/position/40.10038,116.36867，我该怎么配置呢？还是我哪里有问题？

并且控制台依旧存在跨域,如下图。

target值写错了，target值写的是你真正想请求的接口域名地址

关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：vue.config.js 中跨域 proxy 的原理