vue-cli本地环境API代理设置解决跨域问题

已经配置了代理

clipboard.png

但是请求的时候默认请求的本地ip,这样接口就是404了 如下图,这是什么原因呢 怎么样解决呢

clipboard.png

阅读 2.2k
2 个回答
pathRewrite : {
'^/api': ''
}
新手上路,请多包涵

首先,先看看接口中有没有 /api 这一段字符串。

如果没有(看报错信息应该是没有的),那么 /api 只是你设置的一个标识,告诉本地 node 服务器,通过 /api 这个标识对相应接口进行代理跨域。

所以,需要在 proxyTable 配置项中通过 pathRewrite/api 重写成空,以保障接口正常访问。

但是,你写的配置会把 /api 这一段字符串添加到接口中,导致请求404:

...
pathRewrite : {
'^/api': '/api'
}
...

正确的应该是:

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