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

Question

已经配置了代理

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

Answer 1

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

Answer 2

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

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

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

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

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

正确的应该是：

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