vue-cli3设置代理无效

闲着无聊使用vue-cli3.0搭建了项目，在配置代理后运行的时候出现了如下情况：

但是这个接口直接拿地址拼接是能取数据的，如下（不好意思部分数据必须要隐藏哈）：

以下是我的vue.config.js,代理配置：

错误原因：pathRewrite中'^/api':’api‘i问题   // 冒号后面的api意思是用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替，改为如下：

运行项目 npm run serve ,问题解决：