vue-cli3设置代理无效

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

vue-cli3设置代理无效_第1张图片

但是这个接口直接拿地址拼接是能取数据的,如下(不好意思部分数据必须要隐藏哈):

vue-cli3设置代理无效_第2张图片

以下是我的vue.config.js,代理配置:
vue-cli3设置代理无效_第3张图片

 

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

vue-cli3设置代理无效_第4张图片

 

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

vue-cli3设置代理无效_第5张图片

 

你可能感兴趣的:(web前端)