vue-cli 配置proxyTable解决跨域 配置了但是无效

1.描述问题:
我现在的目的是通过配置proxyTable,解决跨域问题,不用后台改接口了(项目原来是jquery做的,现在用vue改造)。我按要求写了配置文件:
图片描述

请求的url代码:
图片描述

现在浏览器报错,么有数据返回。:
图片描述

接口正常访问没问题,接口所在的服务器地址是http://localhost:8080/Persona...

webpack的启动服务器地址是localhost:8090

有大神遇到这个问题吗?如何解决的?

阅读 27.8k
12 个回答

建议target写成:"http://ip地址/xx/xx",尽量不要用localhost,node开发时有问题

接口地址是 localhost:8080 ???
接口地址是你本机么?

没有那么复杂。
假设真正的url是:http://localhost:10080/api/xx...
只需要'/api': 'http://localhost:10080'就行
下面是我的proxyTable:

    proxyTable: {
        '/schema': 'http://localhost:10080',
        '/api': 'http://localhost:10080'
    },
新手上路,请多包涵

换0.17.3这个版本

clipboard.png

把localhost替换为IP,前面加上http://

然后关闭,重启

proxyTable: {

  '/o2o': {
    target: 'http://10.16.10.142:8081/o2o',
    changeOrigin: true
  }
}

保证target后缀跟你设置的名字一致

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进