VUe-cli使用proxyTable遇到跨域失效

1,466 阅读1分钟

vue-cli项目使用proxyTable完成相关配置,无法成功跨域,请教解决方案

proxyTable配置如下:

api.js如下:

请求时,提示如下:

请求大神指引。感谢!

ps

对pathRewrite参数有点模糊,个人理解结合谷歌知识,pathRewrite是把“/api”替换成“/”。本意是访问http://192.168.110.161/index.php/User/do_login接口, 但chrome控制台提示的是http://192.168.110.161/api/index.php/User/do_login接口,多了个api,不知道是不是proxyTable配置哪里不正确。

【已解决】

  • webpack中proxy代理的是服务,不是代理的请求地址; Chrome中Network查看到的是请求地址,所以看到的请求地址不变,实际服务已经代理出去
  • pathRewrite是把/api替换成/,具体替需要根据项目中api的写法进行确定,视情况而定是否需要去掉api这个匹配关键字
  • React中同理